[css-sizing-3] Illustrate the Sizing Spec · Issue #1938 · w3c/csswg-drafts (original) (raw)

The new sizing keywords are kindof important for authors, especially now that Flex and Grid make them more useful. It would be nice for the spec to have some illustrations.

Needed SVG diagrams:

• size (e.g. a rectangle with arrows representing block size, inline size, width, height -- maybe abbreviated version of these ascii diagrams
• inner size
• outer size
• stretch-fit size
• max-content size
• min-content size
• fit-content size

(Aside from the first one, “size”, illustrating these for just the inline axis should be sufficient.)