1339311 - (css-rhythm) [META] Implement CSS Rhythmic Sizing

Status: NEW

(Core :: Layout, enhancement, P3)

Description

[Chih-Hsuan Kuo [:tommykuo]]

"CSS Rhythmic Sizing" is the spec. of vertical rhythm. Vertical rhythm is a principle of typography. It is about spacing text. More generally, it is about vertical stacked elements. We can create a more comfortable layout with vertical rhythm. We can imagine that we're put all elements on a sheet of lined papaer. The sizes of elements is according to the size between the lines.

Comment 1

[Chih-Hsuan Kuo [:tommykuo]]

Attachment: only line-height

Comment 2

[Chih-Hsuan Kuo [:tommykuo]]

Attachment: applying line-height-step

Comment 3

[Chih-Hsuan Kuo [:tommykuo]]

Attachment: line-height-step.html

Comment 4

[Koji Ishii]

Oh, great, thank you for working on this. Please also have a look at tests in:
https://github.com/w3c/csswg-test/tree/master/css-rhythm-1

Comment 5

[Chih-Hsuan Kuo [:tommykuo]]

Hi Koji, there is the test result here[1]. And it is not completed with some bugs in my patch.

[1]: https://test.csswg.org/harness/results/css-rhythm-1_dev/grouped/