Re: [csswg-drafts] [css-nesting] Syntax suggestion (#4748)

• From: Evgeny Vrublevsky via GitHub <sysbot+gh@w3.org>
• Date: Wed, 10 Nov 2021 18:20:49 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-965616861-1636568447-sysbot+gh@w3.org>

The more I think about using `{{` and `}}` for blocks with nesting only, the more I like it.

Sass example:

```css
.table-bordered {
 > :not(caption) > * {
  border-width: 2px 0;

  > * {
   border-width: 0 2px;
  }
 }
}
```

It would look like this:

```css
.table-bordered {{
 & > :not(caption) > * {{
  & {
   border-width: 2px 0;
  }

  & > * {
   border-width: 0 2px;
  }
 }}
}}
```

The idea of @LeaVerou is also very nice. It would allow to write code the same way, but with `{` and `}`.

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


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

Received on Wednesday, 10 November 2021 18:20:51 UTC