Re: [csswg-drafts] [css-contain-3] Move style queries of standard properties to level 4 (#7185)

Came here after reviewing the related MDN / Google materials on CSS Style Queries. It doesn't seem like any of the documentation mention that it does not resolve calculated values. 

Amusingly you can match the exact calc value as a string

```css
.container {
  container: test / inline-size;
  --test: calc(1px + 1px);
}
@container test style(--test: 2px) {
  /* in your dreams */
  div {
    border: 3px solid red;
  }
}
@container test style(--test: calc(1px + 1px)) {
  /* this works! */
  div {
    border: 3px solid purple;
  }
}
```

https://jsfiddle.net/20as4jgk/

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


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

Received on Tuesday, 17 December 2024 18:55:35 UTC