[csswg-drafts] [css-contain] [css-sizing] [sizing-values] Allow sizing values like @container burgermenu (max-width: max-content) (#9978)

codermapuche has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-contain] [css-sizing] [sizing-values] Allow sizing values like @container burgermenu (max-width: max-content) ==
Want allow the use of sizing values like max-content or min-content as units for @container rules. 

This open the door to another world of possibles uses cases. Imagine a nav menu, current in desktop has flexbox horizontally and a hamburger menu in mobile. 
Currently we need to know the width of the menu content for write the rules, if we can use max-content in the selector, we can activate the burger style when the menu can't be placed without scroll or wrap.
This is the gateway to be full responsive with dinamic content without javascript.

What you think?

- https://drafts.csswg.org/css-sizing-3/#sizing-values
- https://www.w3.org/TR/css-contain-3/#at-ruledef-container


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9978 using your GitHub account


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

Received on Tuesday, 20 February 2024 00:49:18 UTC