[csswg-drafts] [css-sizing] add fill(<length-percentage>) / rename stretch keyword for width/height? (#5650)

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

== [css-sizing] add fill(<length-percentage>) / rename stretch keyword for width/height? ==
Was reading some of the discussions on dialog styling, where one of the issues was trying to max-size something to fit the viewport minus margin/border/padding. Using calc() doesn't play with the cascade very well, but the `stretch` keyword (previously `fill-available`) does. However it only fills the containing block: if you want to fill to a different size, you can't.

I was wondering if we wanted to introduce a `fill()` function similar to `fit-content()` (and maybe rename `stretch` back to `fill` for consistency if it hasn't been implemented anywhere)?

That would allow things like `max-height: fill(100vh)` regardless of where you are in the document.

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


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

Received on Friday, 23 October 2020 01:30:08 UTC