@@ -79,16 +79,26 @@ <h3 class="f6 ttu tracked mt0">Line Height</h3>
79
79
vertical distance from the baseline of one line to the baseline of the next. Also
80
80
called < b class ="fw6 "> leading</ b > .
81
81
</ p >
82
- < p class ="measure f4 lh-copy ">
83
- There are generally 3 to 4 different line-heights you will need when setting type.
84
- Line-height affects how easy it is to read a piece of text, so having a well constructed
85
- set of values can help make your text a little easier to digest.
82
+ < blockquote class ="mh0 ">
83
+ < p class ="measure lh-copy ">
84
+ "Many people with cognitive disabilities have trouble tracking lines
85
+ of text when a block of text is single spaced. Providing spacing between 1.5 to
86
+ 2 allows them to start a new line more easily once they have finished the
87
+ previous one."
88
+ </ p >
89
+ < cite > < a href ="https://www.w3.org/TR/WCAG20-TECHS/C21.html " class ="link underline-hover black-70 "> - WCAG 2.0 Compliance Techniques</ a > </ cite >
90
+ </ blockquote >
91
+ < p class ="measure lh-copy ">
92
+ Line-height affects how easy it is to read a piece of text, so having
93
+ a well constructed set of values can help make your text easier to read,
94
+ increasing the chances that people will read it. Tachyons provides
95
+ classes to set text at three common line-height values. 1.5 for body copy, 1.25 for titles,
96
+ and 1 for text that doesn't wrap.
86
97
</ p >
87
98
</ article >
88
99
< div class ="ph3 ph5-ns pt4 pb5 ">
89
100
< h3 class ="f5 mb4 pb2 bb "> Examples</ h3 >
90
- < h4 class ="f6 ttu tracked fw6 mv0 "> 6rem/96px at 30em</ h4 >
91
- < h4 class ="f5 fw4 mt5 "> No applied line-height (default)</ h4 >
101
+ < h4 class ="f5 fw4 "> No applied line-height (default)</ h4 >
92
102
< p class ="measure ">
93
103
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
94
104
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
0 commit comments