Re: [csswg-drafts] Proposal: CSS Variable Groups (as a solution to several design systems pain points) (#9992)

Seems like the syntax as proposed would potentially be a breaking change? The following CSS already parses as valid today:

```css
.foo {
  --color-green: {
    100: oklch(95% 13% 135);
    200: oklch(95% 15% 135);
  };
}
```

Someone might use a syntax like this to share data between CSS and JS. Not sure how common that is but changing the custom property syntax to reserve `{` as having special meaning could potentially break things.

Maybe a new at-rule for defining these could work? Or add something to `@property`?

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


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

Received on Monday, 26 February 2024 16:39:31 UTC