Skip to content

Commit 2427604

Browse files
committed
[css-rhythm] Update introduction from JP industry meetup feedback
1 parent a0b32f4 commit 2427604

File tree

1 file changed

+22
-8
lines changed

1 file changed

+22
-8
lines changed

css-rhythm/Overview.bs

Lines changed: 22 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -83,11 +83,25 @@ This variant was very widely accepted in East Asia since the middle of '90s,
8383
such that most major word processors used in East Asia provided similar features
8484
by default.
8585

86+
In East Asian publishing typography,
87+
the vertical rhythm is one of important properties,
88+
but its priority compared to other properties
89+
varies by types of documents.
90+
In single column documents,
91+
the priority is weaker than that of multi-column documents.
92+
Text should be on the vertical rhythm,
93+
but it is often preferred for borders, margins,
94+
or other properties to win over the rhythm.
95+
In such cases, the rhythm is shifted, similar to the casual variant.
96+
8697
In this specification,
8798
when the 'line-height-step' property is used without combination of the 'block-step' property
8899
or the 'line-grid' property,
89100
it produces the similar effect as the East Asian casual vertical rhythm.
90101

102+
It may also serve good for East Asian publishing typography,
103+
depends on the desired strength of the vertical rhythm.
104+
91105
For other cases of vertical rhythm,
92106
it is expected that
93107
the 'block-step' property or the 'line-grid' property are used,
@@ -230,18 +244,18 @@ Notes on Block-level Boxes {#inline-block}
230244
Adjusting Block-level Box Heights {#block-height}
231245
=================================
232246

233-
Much web content includes blocks with varying font sizes, line heights,
234-
margins, etcetera. Adjusting line box heights may not be enough to
235-
achieve a vertical rhythm in these circumstances,
236-
and can negatively affect the readability of Latin scripts by altering line heights.
237-
Constraining block height, rather than line height, to a multiple of a step size
247+
Much web content includes blocks with varying font sizes, line heights,
248+
margins, etcetera. Adjusting line box heights may not be enough to
249+
achieve a vertical rhythm in these circumstances,
250+
and can negatively affect the readability of Latin scripts by altering line heights.
251+
Constraining block height, rather than line height, to a multiple of a step size
238252
can achieve a vertical rhythm in these circumstances.
239-
253+
240254

241255
<div class="figure">
242256
<img src="images/block-step-size-before.png"
243257
style="width: 500px">
244-
<figcaption>Heads and blockquotes have varying font sizes and line heights,
258+
<figcaption>Heads and blockquotes have varying font sizes and line heights,
245259
resulting in uneven text across columns.</figcaption>
246260
</div>
247261

@@ -250,7 +264,7 @@ Adjusting Block-level Box Heights {#block-height}
250264
<div class="figure">
251265
<img src="images/block-step-size-after.png"
252266
style="width: 500px">
253-
<figcaption>Space inserted before and after blocks (shown with colored borders)
267+
<figcaption>Space inserted before and after blocks (shown with colored borders)
254268
restores vertical rhythm.</figcaption>
255269
</div>
256270

0 commit comments

Comments
 (0)