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

This will break existing behavior. I've written an article how to use JSON inside CSS variable. This will break this functionality. There is a need for new syntax for the group (like a new keyword). Not just curly braces that right now is valid CSS custom property value.

This is perfectly valid CSS:

```css
div {
    height: 100vh;
    background-image: paint(circle);
    --pointer-x: 20px;
    --pointer-y: 10px;
    --pointer-options: {
        "color": "rebeccapurple",
        "width": 20
    };
}
```


reference: [Controlling Paint Worklet with JSON in CSS](https://itnext.io/controlling-paint-worklet-with-json-in-css-298a7b10e41c)

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


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

Received on Monday, 1 April 2024 16:41:51 UTC