Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
[css-sizing-3] Illustrate the Sizing Spec #1938
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:
(Aside from the first one, “size”, illustrating these for just the inline axis should be sufficient.)
I’m pretty sure I can put together inner size and outer size diagrams in short order. I’d most likely use https://meyerweb.github.io/csstdg4figs/07-basic-visual-formatting/content-area-and-surroundings.html as a starting point for the appearance, unless you have existing box model diagrams you’d rather they emulate.
The rest I’m not sure about, since I’m not clear exactly what’s to be illustrated and in what way. (For the first, size, knowing which parts of the diagram are crucial and which are not is key.) I’m happy to turn pen sketches into SVG, if that’s easy to do. Or point to definitions and supporting explanations, and I can do my best to work it out on my own.