Post #2375671
2023-01-05 01:15 UTC
The `var()` reference can only be used for the value, not for the "feature" (`inline-size`, `orientation`, etc) or the entire query. We need to know what feature we are querying in order to find a container, so there's nothing to resolve against at that point. These will Not Work:
```css
.container {
--medium: (inline-size > 30em);
--axis: inline-size;
}
@container var(--medium) { … }
@container (var(--axis) > 30em) { … }
```
For those, we would still need "custom media queries".
Replies (0)
No replies.