CSS Rhythmic Sizing Module Level 1

Discussion (3 Comments)Read Original on HackerNews

adzm•about 1 hour ago

The first draft is nearly ten years old at this point https://www.w3.org/TR/2017/WD-css-rhythm-1-20170302/

Does not look like too much has changed really. Still lots of unresolved issues. As noted elsewhere it is still very vague in terms of providing use cases, too.

akersten•about 2 hours ago

I think this proposal does an extremely poor job conveying the problem rhythmic sizing solves and why the solution is better than the "before" screenshot. I really don't understand it. I don't understand how I would configure the spacing beyond "CSS will keep the vertical rhythm across multiple columns" which seems extremely opaque and niche and I'd rather have implementers focus on one of the dozens of other things that CSS is objectively lacking and that people have asked for. But maybe I'm culturally biased and the 2nd screenshot is actually incredibly beautiful compared to the first one to someone more in tune than I.

And if I have to configure the spacing manually anyway, why wouldn't I just put `em`-based margins on my blockquotes or whatever.

bastawhiz•about 2 hours ago

Margins don't help. What if you have an image of variable height? Or a table with borders that don't evenly divide by your line height? Or in your block quote example, what if you wanted the font size to be slightly larger or smaller than your normal font style? It's immediately broken.

Everything after CSS1, more or less, could be accomplished with hacks or JavaScript. But sometimes it's nice to be able to say `block-step-size: 20px` and have it look the way you intend instead of having to write your own layout engine.

CSS Rhythmic Sizing Module Level 1

⚡ Community Insights

Discussion (3 Comments)Read Original on HackerNews