Skip to content

Commit a9965ae

Browse files
author
mrmrs
committed
Lists! Colors!
1 parent ce0a6ec commit a9965ae

File tree

3 files changed

+37
-41
lines changed

3 files changed

+37
-41
lines changed

‎docs/elements/lists/index.html

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -69,18 +69,18 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-lists</h4>
6969
</article>
7070
<div class="ph3 ph5-ns pt4 pb5">
7171
<h2 class="f3 bold">Examples</h2>
72-
<ul>
72+
<ul class="list pl0">
7373
<li>Apples</li>
7474
<li>Oranges</li>
7575
<li>Banana</li>
7676
<li>Golf balls</li>
7777
</ul>
78-
<ul class="list-reset pl0">
78+
<ol class="list pl0">
7979
<li>One</li>
8080
<li>Two</li>
8181
<li>Three</li>
8282
<li>Four</li>
83-
</ul>
83+
</ol>
8484
<div class="mt5 cf">
8585
<div class="dib mr4">
8686
<h1 class="f4 ttu tracked fw6">Previous</h1>
@@ -117,46 +117,46 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
117117
<div class="ph3 ph5-ns pt3 pb5">
118118
<section>
119119
<h2 class="f6 fw7 ttu tracked">Elements</h2>
120-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/general/images/" title="Images">Images</a>
121-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/general/links/" title="Images">Links</a>
122-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/general/lists/" title="Images">Lists</a>
123-
<a class="f5 fw4 dim link mid-gray db pv1 dn" href="/docs/general/forms/" title="Images">Forms</a>
120+
<a class="f5 fw4 dim link blue db pv1" href="/docs/elements/images/" title="Images">Images</a>
121+
<a class="f5 fw4 dim link blue db pv1" href="/docs/elements/links/" title="Images">Links</a>
122+
<a class="f5 fw4 dim link blue db pv1" href="/docs/elements/lists/" title="Images">Lists</a>
123+
<a class="f5 fw4 dim link blue db pv1 dn" href="/docs/elements/forms/" title="Images">Forms</a>
124124
<section class="cf w-100 mt3">
125125
<article class="fn fl-ns w-100 w-25-l">
126126
<h2 class="f6 fw7 ttu tracked" id="typography">Typography</h2>
127-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/scale" title="Type">Type Scale</a>
128-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/measure/garamond/" title="Measure">Measure</a>
129-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/line-height" title="Line Height">Line Height / Leading</a>
130-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/tracking" title="Tracking">Tracking</a>
131-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/font-weight" title="Font Weights">Font Weights</a>
132-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/font-family" title="Font Families">Font Families</a>
133-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/font-style" title="Font Families">Font Style</a>
134-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/vertical-align" title="Font Families">Vertical Align</a>
135-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-align" title="Text Align">Text Align</a>
136-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
137-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
138-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/typography/white-space" title="White Space">White Space</a>
127+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/scale" title="Type">Type Scale</a>
128+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/measure/garamond/" title="Measure">Measure</a>
129+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/line-height" title="Line Height">Line Height / Leading</a>
130+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/tracking" title="Tracking">Tracking</a>
131+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/font-weight" title="Font Weights">Font Weights</a>
132+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/font-family" title="Font Families">Font Families</a>
133+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/font-style" title="Font Families">Font Style</a>
134+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/vertical-align" title="Font Families">Vertical Align</a>
135+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/text-align" title="Text Align">Text Align</a>
136+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
137+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
138+
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/white-space" title="White Space">White Space</a>
139139
</article>
140140
<article class="fn fl-ns w-100 w-25-l">
141141
<h2 class="f6 fw7 ttu tracked" id="layout">Layout</h2>
142-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/debug/" title="Debugging">Debugging</a>
143-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/box-sizing" title="Box Sizing">Box Sizing</a>
144-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/spacing" title="Spacing">Spacing</a>
145-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/floats" title="Floats">Floats</a>
146-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/clearfix" title="Clears">Clearfix</a>
147-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/display" title="Display">Display</a>
148-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/widths" title="Widths">Widths</a>
149-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/max-widths" title="Max Widths">Max Widths</a>
150-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/heights" title="Heights">Heights</a>
151-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/layout/position" title="Position">Position</a>
142+
<a class="f5 fw4 dim link blue db pv1" href="/docs/debug/" title="Debugging">Debugging</a>
143+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/box-sizing" title="Box Sizing">Box Sizing</a>
144+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/spacing" title="Spacing">Spacing</a>
145+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/floats" title="Floats">Floats</a>
146+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/clearfix" title="Clears">Clearfix</a>
147+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/display" title="Display">Display</a>
148+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/widths" title="Widths">Widths</a>
149+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/max-widths" title="Max Widths">Max Widths</a>
150+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/heights" title="Heights">Heights</a>
151+
<a class="f5 fw4 dim link blue db pv1" href="/docs/layout/position" title="Position">Position</a>
152152
</article>
153153
<article class="fn fl-ns w-100 w-25-l">
154154
<h2 class="f6 fw7 ttu tracked">Theming</h2>
155-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/skins/" title="Hovers">Skins</a>
156-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
157-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/background-size/" title="Background Size">Background Size</a>
158-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/borders/" title="Borders">Borders</a>
159-
<a class="f5 fw4 dim link mid-gray db pv1" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
155+
<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/skins/" title="Hovers">Skins</a>
156+
<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
157+
<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/background-size/" title="Background Size">Background Size</a>
158+
<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/borders/" title="Borders">Borders</a>
159+
<a class="f5 fw4 dim link blue db pv1" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
160160
</article>
161161
</section>
162162
</section>

‎src/css/_skins.css

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -115,10 +115,6 @@
115115
.near-white { color: var(--near-white); }
116116
.white { color: var(--white); }
117117

118-
.blue { color: var(--blue); }
119-
.bg-blue { background-color: var(--blue); }
120-
121-
122118
/* Background colors */
123119

124120
.bg-black { background-color: var(--black); }

‎src/templates/docs/lists/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,18 +42,18 @@ <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-
<ul>
45+
<ul class="list pl0">
4646
<li>Apples</li>
4747
<li>Oranges</li>
4848
<li>Banana</li>
4949
<li>Golf balls</li>
5050
</ul>
51-
<ul class="list-reset pl0">
51+
<ol class="list pl0">
5252
<li>One</li>
5353
<li>Two</li>
5454
<li>Three</li>
5555
<li>Four</li>
56-
</ul>
56+
</ol>
5757
<div class="mt5 cf">
5858
<div class="dib mr4">
5959
<h1 class="f4 ttu tracked fw6">Previous</h1>

0 commit comments

Comments
 (0)