Re: [csswg-drafts] [css-nesting-1] Yet another nesting proposal (#7970)

I think the refactoring is fairly minimal, you're just prepending `@nest` to the original selector and wrapping the exiting properties in `{}`s. The diff is making the changes appear to be more than they are.

I do have to note that your example is slightly wrong:
It's not:
```diff
+@nest foo {
+  & {
+    color: blue;
+  }
+  & bar {
+    color: red;
+  }
+}
```
but:
```diff
+@nest foo {
+  & {
+    color: blue;
+  }
+  bar {
+    color: red;
+  }
+}
```
(note no `&` on the nested rule).

The basic gist is that instead of a style rule that expects properties, we're minting a new kind of style rule that expects nested selectors. And then providing a carve-out for properties.

-- 
GitHub Notification of comment by plinss
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7970#issuecomment-1294031492 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 27 October 2022 20:31:50 UTC