Re: [csswg-drafts] [css-sizing] Introducing box, box-size, box-width and box-height Shorthand Properties (#4428)

Occasionally, our is more convenient or common to specify a box by an aspect ratio and a single linear or planar length value:

- One might want to match the **area** of a different shape, e. g. from SVG.
- TV and other screen sizes are often referenced by **diameter** or **diagonal** and (implied default) aspect ratio.

It could therefore make sense to define either `size` or `box-size` in a different way:

```` bnf
box-size: … 
 | <'box-width'> by <'box-height'> <'aspect-ratio'>
 | <'width'> <'height'> at <'aspect-ratio'>
 | <'box-diameter'> at <'aspect-ratio'>
 | <length> @ <'aspect-ratio'>
````

or similar. That implies that a single length would be treated differently from the same length twice:

- `10px 10px` has equal edges of `10px`. 
- `10px 4/3` has edges of `8px` and `6px`.
- `10px` has equal edges of ca. `7.07px`.

-- 
GitHub Notification of comment by Crissov
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4428#issuecomment-573764761 using your GitHub account

Received on Monday, 13 January 2020 16:59:54 UTC