Style Container Queries

[lilles]

Request for position on an emerging web specification

• WebKittens who can provide input: @anttijk @jensimmons

Information about the spec

• Spec Title: CSS Containment Module Level 3
• Spec URL: https://drafts.csswg.org/css-contain-3/#style-container
• Issue Tracker (if not the repository's issue tracker): https://github.com/w3c/csswg-drafts/labels/css-contain-3
• Explainer (if not README.md in the repository): https://github.com/oddbird/css-sandbox/blob/main/src/rwd/query/explainer.md

Design reviews and vendor positions

• TAG Design Review: https://github.com/w3ctag/design-reviews/issues/592 (but might need to open a separate one for style())
• Mozilla standards-positions issue: https://github.com/mozilla/standards-positions/issues/686

Anything else we need to know

Style queries can be used to style an element based on querying the computed style values of a parent element or a named ancestor element.

Chrome currently has an implementation for custom property queries behind a flag, and it would be good to have separate positions on custom and standard property queries if applicable.