- From: Benjamin Aster via GitHub <sysbot+gh@w3.org>
- Date: Tue, 25 Oct 2022 23:45:13 +0000
- To: public-css-archive@w3.org
I might be a bit late to this discussion, but I just had yet another (radical) idea that completely changes the syntax of nested rules. Note that this may or may not be a good idea.
My syntax looks like this:
```css
.container {
margin: 1rem;
border: 1px solid red;
(.child:
color: black;
padding: .5em;
(&:nth-child(even):
text-decoration: underline;
)
)
(> .direct-child:
font-style: italic;
)
@media (width > 500px) {
background-color: darkGreen;
}
(&:hover:
opacity: .8;
)
(:root[data-theme="blue"] &:
color: blue;
)
}
```
To make the syntax of top-level rules more consistent with nested ones, one could perhaps also change top-level rules to this
```css
(selector:
property: value;
)
```
-syntax.
--
GitHub Notification of comment by BenjaminAster
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7834#issuecomment-1291255947 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 25 October 2022 23:45:15 UTC