[csswg-drafts] [css-contain-4] Define a range syntax for style container queries (#8376)

mirisuzanne has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-contain-4] Define a range syntax for style container queries ==
The css-contain-3 spec provides a '[style container feature](https://www.w3.org/TR/css-contain-3/#style-container)', allowing authors to query the computed value of a given property on the container. However, that query is currently limited to the declaration syntax, which provides a simple equality comparison:

```css
@container style(--color-mode: dark) { … }
```

As discussed in #7068, there are also use-cases for range comparisons on container properties:

```css
@container style(padding > 1em) { ... }
@container style(--primary-color-lightness > 80) { ... }
```

For custom properties, this might require a defined syntax using `@property`? Or would we want a way to define the value type on the query itself? Thoughts?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8376 using your GitHub account


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

Received on Monday, 30 January 2023 18:53:37 UTC