- 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