Bug 1339311 (css-rhythm)

Implement CSS Rhythmic Sizing

NEW
Unassigned

Status

()

Core
Layout
P3
normal
8 months ago
3 months ago

People

(Reporter: kuoe0, Unassigned)

Tracking

(Depends on: 2 bugs, Blocks: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(3 attachments)

(Reporter)

Description

8 months ago
"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.
(Reporter)

Updated

8 months ago
Summary: [css-rhythm] Implemt CSS Rhythmic Sizing → Implemt CSS Rhythmic Sizing
(Reporter)

Comment 1

8 months ago
Created attachment 8842359 [details]
only line-height
(Reporter)

Comment 2

8 months ago
Created attachment 8842360 [details]
applying line-height-step
(Reporter)

Comment 3

8 months ago
Created attachment 8842361 [details]
line-height-step.html
Blocks: 1323667
(Reporter)

Updated

8 months ago
Depends on: 1343819

Comment 4

8 months ago
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
(Reporter)

Comment 5

8 months ago
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/

Updated

3 months ago
Priority: -- → P3

Updated

3 months ago
Summary: Implemt CSS Rhythmic Sizing → Implement CSS Rhythmic Sizing

Updated

3 months ago
Depends on: 1387501
You need to log in before you can comment on or make changes to this bug.