Skip to content

Commit 3162c15

Browse files
author
mrmrs
committed
Update docs for text-transform page.
1 parent b0d32b9 commit 3162c15

File tree

2 files changed

+28
-18
lines changed

2 files changed

+28
-18
lines changed

‎docs/typography/text-transform/index.html

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
<link rel="stylesheet" href="/css/tachyons.css">
1313
</head>
1414
<body class="w-100 sans-serif">
15-
1615
<header class="w-100 pa3 ph5-ns bg-near-white">
1716
<div class="dt w-100">
1817
<div class="dtc v-mid tl w-50">
@@ -42,7 +41,7 @@
4241
</header>
4342

4443
<main class="">
45-
<article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
44+
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
4645
<h4 class="f4 mv0 fw6 dib mr4">text-transform</h4>
4746
<span class="f4 b dib pl0 ml0 mr4">v3.0.4</span>
4847
<span class="f4 b dib pl0 ml0 mr4">174 B</span>
@@ -64,20 +63,26 @@ <h4 class="f4 mv0 fw6 dib mr4">text-transform</h4>
6463
<dd class="db pl0 ml0 f4 f2-ns b">1</dd>
6564
</dl>
6665
</div>
66+
<p class="measure f4 f3-ns lh-copy">
67+
Use these classes to set the capitalization of text.
68+
</p>
69+
<p class="measure f5 f4-ns lh-copy">
70+
If you use the uppercase class, don't forget to combine it with a tracking utility from the letter-spacing module.
71+
</p>
6772
</article>
6873
<div class="ph3 ph5-ns pt4 pb5">
69-
<h2 class="f3 bold">Examples</h2>
70-
<h3 class="book ttu mbn">uppercase</h3>
74+
<h2 class="f3 b">Examples</h2>
75+
<h3 class="fw4 ttu mbn">uppercase</h3>
7176
<code class="code">.ttu </code>
7277

73-
<h3 class="book ttl mbn">LOWERCASE</h3>
78+
<h3 class="fw4 ttl mbn">LOWERCASE</h3>
7479
<code class="code">.ttl </code>
75-
<h3 class="book ttc mbn">capitalize multiple words</h3>
80+
<h3 class="fw4 ttc mbn">capitalize multiple words</h3>
7681
<code class="code">.ttc</code>
77-
<h3 class="book ttn mbn">TEXT Transform none</h3>
82+
<h3 class="fw4 ttn mbn">TEXT Transform none</h3>
7883
<code class="code">.ttn</code>
79-
<h3 class="book caps mbn">Uppercase with tracking</h3>
80-
<code class="code">.caps</code>
84+
<h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
85+
<code class="code">.ttu tracked</code>
8186
</div>
8287
<section class="bg-near-white black-70 pt4 pb5">
8388
<header class="ph3 ph5-ns pt4">

‎src/templates/docs/text-transform/index.html

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,9 @@
1212
<link rel="stylesheet" href="/css/tachyons.css">
1313
</head>
1414
<body class="w-100 sans-serif">
15-
1615
<%= siteHeader %>
1716
<main class="">
18-
<article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
17+
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
1918
<h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
2019
<span class="f4 b dib pl0 ml0 mr4">v<%= moduleVersion %></span>
2120
<span class="f4 b dib pl0 ml0 mr4"><%= moduleSize %></span>
@@ -37,20 +36,26 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
3736
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.rules.size.average %></dd>
3837
</dl>
3938
</div>
39+
<p class="measure f4 f3-ns lh-copy">
40+
Use these classes to set the capitalization of text.
41+
</p>
42+
<p class="measure f5 f4-ns lh-copy">
43+
If you use the uppercase class, don't forget to combine it with a tracking utility from the letter-spacing module.
44+
</p>
4045
</article>
4146
<div class="ph3 ph5-ns pt4 pb5">
42-
<h2 class="f3 bold">Examples</h2>
43-
<h3 class="book ttu mbn">uppercase</h3>
47+
<h2 class="f3 b">Examples</h2>
48+
<h3 class="fw4 ttu mbn">uppercase</h3>
4449
<code class="code">.ttu </code>
4550

46-
<h3 class="book ttl mbn">LOWERCASE</h3>
51+
<h3 class="fw4 ttl mbn">LOWERCASE</h3>
4752
<code class="code">.ttl </code>
48-
<h3 class="book ttc mbn">capitalize multiple words</h3>
53+
<h3 class="fw4 ttc mbn">capitalize multiple words</h3>
4954
<code class="code">.ttc</code>
50-
<h3 class="book ttn mbn">TEXT Transform none</h3>
55+
<h3 class="fw4 ttn mbn">TEXT Transform none</h3>
5156
<code class="code">.ttn</code>
52-
<h3 class="book caps mbn">Uppercase with tracking</h3>
53-
<code class="code">.caps</code>
57+
<h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
58+
<code class="code">.ttu tracked</code>
5459
</div>
5560
<section class="bg-near-white black-70 pt4 pb5">
5661
<header class="ph3 ph5-ns pt4">

0 commit comments

Comments
 (0)