Skip to content

Commit c0ce9a3

Browse files
author
Lachlan Campbell
committed
more consistent example labels
1 parent 086c35e commit c0ce9a3

File tree

6 files changed

+28
-36
lines changed

6 files changed

+28
-36
lines changed

docs/typography/font-style/index.html

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -75,16 +75,12 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-font-style</h4>
7575
</article>
7676
<div class="ph3 ph5-ns pt4 pb5">
7777
<h2 class="f3 bold">Examples</h2>
78-
<code class="f6">
79-
&lt;p class="i"&gt;&lt;/p&gt;
80-
</code>
78+
<h3 class="f5 pt4">Italics</h3>
8179
<p class="i mb4">
8280
Readers want what is important to be clearly laid out; they will not read
8381
what is too troublesome.
8482
</p>
85-
<code class="f6">
86-
&lt;p class="fs-normal"&gt;&lt;/p&gt;
87-
</code>
83+
<h3 class="f5 pt2">Normal</h3>
8884
<p class="fs-normal">
8985
A quote from Jan Tschichold about typography.
9086
</p>

docs/typography/text-align/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -75,16 +75,16 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-align</h4>
7575
</p>
7676
</article>
7777
<div class="ph3 ph5-ns pt4 pb5">
78-
<h2 class="f3 b">Examples</h2>
79-
<h3 class="f5 fw4 pt4 caps">Text Align Left</h3>
78+
<h2 class="f3">Examples</h2>
79+
<h3 class="f5 pt4">Text Align Left</h3>
8080
<p class="measure bg-black-10">
8181
Aligned Left
8282
</p>
83-
<h3 class="f5 fw4 pt4 caps">Text Align Right</h3>
83+
<h3 class="f5 pt4">Text Align Right</h3>
8484
<p class="tr measure bg-black-10">
8585
Aligned Right
8686
</p>
87-
<h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
87+
<h3 class="f5 pt4">Text Align Center</h3>
8888
<p class="tc measure bg-black-10">
8989
Aligned to the center
9090
</p>

docs/typography/text-decoration/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -73,16 +73,16 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-decoration</h4>
7373
</article>
7474
<div class="ph3 ph5-ns pt4 pb5">
7575
<h2 class="f3 b">Examples</h2>
76-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration None</h3>
76+
<h3 class="f5 pt4">Text Decoration None</h3>
7777
<a href="#" class="no-underline">Text Decoration None on a Link</a>
78-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
78+
<h3 class="f5 pt4">Text Decoration Underline</h3>
7979
<p class="underline measure">
80-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
81-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
82-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
83-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
84-
</p>
85-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
80+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
81+
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
82+
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
83+
no sea takimata sanctus est Lorem ipsum dolor sit amet.
84+
</p>
85+
<h3 class="f5 pt4">Text Decoration Strikethrough</h3>
8686
<p class="strike">Lorem ipsum dolor sit amet</p>
8787
<div class="mt5 cf">
8888
<div class="dib mr4">

src/templates/docs/font-style/index.html

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,16 +42,12 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
4242
</article>
4343
<div class="ph3 ph5-ns pt4 pb5">
4444
<h2 class="f3 bold">Examples</h2>
45-
<code class="f6">
46-
&lt;p class="i"&gt;&lt;/p&gt;
47-
</code>
45+
<h3 class="f5 pt4">Italics</h3>
4846
<p class="i mb4">
4947
Readers want what is important to be clearly laid out; they will not read
5048
what is too troublesome.
5149
</p>
52-
<code class="f6">
53-
&lt;p class="fs-normal"&gt;&lt;/p&gt;
54-
</code>
50+
<h3 class="f5 pt2">Normal</h3>
5551
<p class="fs-normal">
5652
A quote from Jan Tschichold about typography.
5753
</p>

src/templates/docs/text-align/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -42,16 +42,16 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
4242
</p>
4343
</article>
4444
<div class="ph3 ph5-ns pt4 pb5">
45-
<h2 class="f3 b">Examples</h2>
46-
<h3 class="f5 fw4 pt4 caps">Text Align Left</h3>
45+
<h2 class="f3">Examples</h2>
46+
<h3 class="f5 pt4">Text Align Left</h3>
4747
<p class="measure bg-black-10">
4848
Aligned Left
4949
</p>
50-
<h3 class="f5 fw4 pt4 caps">Text Align Right</h3>
50+
<h3 class="f5 pt4">Text Align Right</h3>
5151
<p class="tr measure bg-black-10">
5252
Aligned Right
5353
</p>
54-
<h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
54+
<h3 class="f5 pt4">Text Align Center</h3>
5555
<p class="tc measure bg-black-10">
5656
Aligned to the center
5757
</p>

src/templates/docs/text-decoration/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -40,16 +40,16 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
4040
</article>
4141
<div class="ph3 ph5-ns pt4 pb5">
4242
<h2 class="f3 b">Examples</h2>
43-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration None</h3>
43+
<h3 class="f5 pt4">Text Decoration None</h3>
4444
<a href="#" class="no-underline">Text Decoration None on a Link</a>
45-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
45+
<h3 class="f5 pt4">Text Decoration Underline</h3>
4646
<p class="underline measure">
47-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
48-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
49-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
50-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
51-
</p>
52-
<h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
47+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
48+
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
49+
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
50+
no sea takimata sanctus est Lorem ipsum dolor sit amet.
51+
</p>
52+
<h3 class="f5 pt4">Text Decoration Strikethrough</h3>
5353
<p class="strike">Lorem ipsum dolor sit amet</p>
5454
<div class="mt5 cf">
5555
<div class="dib mr4">

0 commit comments

Comments
 (0)