Re: [csswg-drafts] [css-contain-4] Extend style query syntax? (#7068)

> * For number/size values, we might want to support a range syntax?

I think this is the top use case in this list, and should be prioritized.

> * For more complex multi-value properties, we might consider something more like the attribute selector syntax?

Are there use cases for that, e.g. in component libraries?

> * For colors, it might be useful to query their luminosity or contrast in some way?

I'd prefer a generic solution where we have functions for these things (e.g. #6937 , we could have a similar one for contrast too ā€” we could call it `color-contrast()` now that that name is free! šŸ˜ ) and the syntax allows for these functions. So basically a syntax that allows comparison of **values**, like `color-extract(lab.l of var(--accent-color)) > 80`.

However, Iā€™m not sure how the current syntax can co-exist with that, since `<ident>`s can also be values. It would be good if we can resolve on that and have a clear path to future syntax before this ships and we paint ourselves into a corner.

-- 
GitHub Notification of comment by LeaVerou
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7068#issuecomment-1408807415 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 15:15:52 UTC