Skip to content

Commit 3004d93

Browse files
author
mrmrs
committed
Update docs
1 parent e582b2b commit 3004d93

File tree

2 files changed

+18
-8
lines changed

2 files changed

+18
-8
lines changed

docs/typography/font-family/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@
5757
<header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
5858
<div class="nowrap mw9 center">
5959
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/scale/" title="Type">Type Scale</a>
60-
<a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/measure/" title="Measure">Measure</a>
60+
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/measure/" title="Measure">Measure</a>
6161
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/line-height/" title="Line Height">Line Height / Leading</a>
6262
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/tracking/" title="Tracking">Tracking</a>
6363
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-weight/" title="Font Weights">Font Weights</a>
@@ -67,7 +67,7 @@
6767
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
6868
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
6969
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/white-space" title="White Space">White Space</a>
70-
<a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-family" title="Font Families">Font Families</a>
70+
<a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-family" title="Font Families">Font Families</a>
7171
</div>
7272
</header>
7373
<article class="pa3 ph5-ns">

docs/typography/line-height/index.html

+16-6
Original file line numberDiff line numberDiff line change
@@ -79,16 +79,26 @@ <h3 class="f6 ttu tracked mt0">Line Height</h3>
7979
vertical distance from the baseline of one line to the baseline of the next. Also
8080
called <b class="fw6">leading</b>.
8181
</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.
8697
</p>
8798
</article>
8899
<div class="ph3 ph5-ns pt4 pb5">
89100
<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>
92102
<p class="measure">
93103
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
94104
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

0 commit comments

Comments
 (0)