I'm requesting early TAG review of my proposal for CSS Container Queries.
Media-queries allow an author to make style changes based on the overall viewport dimensions -- but in many cases, authors would prefer styling modular components based on their context and available space within a layout. My proposal builds on David Baron's @container approach, which works by applying size & layout containment to the queried elements. In order to make that less restrictive for authors, I've also proposed a path forward for inline-size (and maybe block-size) values on the contain property.
@kenchris and I discussed this in our VF2F breakout today. We are happy to see this work and the proposal seems well thought out for a first level that could later be expanded. It is unclear whether the additions to containment are only inline-size and block-size or their physical counterparts as well. We would recommend that both be available. It may also be good to include examples that combine media queries and container queries.
As previously stated, we are happy with the current state. In a breakout today, we resolved to close this early review issue, and will continue to monitor open issues for future review requests as this feature evolves.
HIQaH! QaH! TAG!
I'm requesting early TAG review of my proposal for CSS Container Queries.
Media-queries allow an author to make style changes based on the overall viewport dimensions -- but in many cases, authors would prefer styling modular components based on their context and available space within a layout. My proposal builds on David Baron's
@container
approach, which works by applying size & layout containment to the queried elements. In order to make that less restrictive for authors, I've also proposed a path forward forinline-size
(and maybeblock-size
) values on thecontain
property.Further details:
We'd prefer the TAG provide feedback as💬 leave review feedback as a comment in this issue and @-notify @mirisuzanne & @andruud
The text was updated successfully, but these errors were encountered: