Skip to content

Commit 01ff863

Browse files
author
mrmrs
committed
Docs updates
1 parent a9965ae commit 01ff863

File tree

6 files changed

+18
-212
lines changed

6 files changed

+18
-212
lines changed

‎css/tachyons.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -822,8 +822,6 @@ code, .code { font-family: Consolas, monaco, monospace; }
822822
.light-gray { color: #eee; }
823823
.near-white { color: #f4f4f4; }
824824
.white { color: #fff; }
825-
.blue { color: #0074D9; }
826-
.bg-blue { background-color: #0074D9; }
827825
/* Background colors */
828826
.bg-black { background-color: #111; }
829827
.bg-near-black { background-color: #111; }

‎css/tachyons.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/themes/skins/index.html

Lines changed: 15 additions & 203 deletions
Original file line numberDiff line numberDiff line change
@@ -131,12 +131,6 @@ <h2 class="f3">Color Palette</h2>
131131
<code class="f6">#FFFFFF</code>
132132
</li>
133133

134-
<li class="dib pa2 br2 ba b--light-gray mr1 mb2">
135-
<div style="background-color:#0074D9"
136-
class="pa4 mb2"></div>
137-
<code class="f6">#0074D9</code>
138-
</li>
139-
140134
<li class="dib pa2 br2 ba b--light-gray mr1 mb2">
141135
<div style="background-color:#CCCCCC"
142136
class="pa4 mb2"></div>
@@ -165,7 +159,7 @@ <h2>Combinations</h2>
165159
</li>
166160

167161
<li class="fl w-100 w-50-m w-25-l"
168-
style="color:#CCCCCC;background-color:#000000">
162+
style="color:#CCCCCC;background-color:#545454">
169163
<div class="pa4">
170164
<span class="f4 f1-ns b">Aa</span>
171165
<p class="lh-copy measure f6">
@@ -175,8 +169,8 @@ <h2>Combinations</h2>
175169
no sea takimata sanctus est Lorem ipsum dolor sit amet.
176170
</p>
177171
<code class="f6 db">#CCCCCC</code>
178-
<code class="f6 db">#000000</code>
179-
13.08
172+
<code class="f6 db">#545454</code>
173+
4.72
180174
</div>
181175
</li>
182176

@@ -244,22 +238,6 @@ <h2>Combinations</h2>
244238
</div>
245239
</li>
246240

247-
<li class="fl w-100 w-50-m w-25-l"
248-
style="color:#000000;background-color:#0074D9">
249-
<div class="pa4">
250-
<span class="f4 f1-ns b">Aa</span>
251-
<p class="lh-copy measure f6">
252-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
253-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
254-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
255-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
256-
</p>
257-
<code class="f6 db">#000000</code>
258-
<code class="f6 db">#0074D9</code>
259-
4.50
260-
</div>
261-
</li>
262-
263241
<li class="fl w-100 w-50-m w-25-l"
264242
style="color:#000000;background-color:#CCCCCC">
265243
<div class="pa4">
@@ -517,7 +495,7 @@ <h2>Combinations</h2>
517495
</li>
518496

519497
<li class="fl w-100 w-50-m w-25-l"
520-
style="color:#777777;background-color:#000000">
498+
style="color:#000000;background-color:#999999">
521499
<div class="pa4">
522500
<span class="f4 f1-ns b">Aa</span>
523501
<p class="lh-copy measure f6">
@@ -526,9 +504,9 @@ <h2>Combinations</h2>
526504
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
527505
no sea takimata sanctus est Lorem ipsum dolor sit amet.
528506
</p>
529-
<code class="f6 db">#777777</code>
530507
<code class="f6 db">#000000</code>
531-
4.69
508+
<code class="f6 db">#999999</code>
509+
7.37
532510
</div>
533511
</li>
534512

@@ -581,7 +559,7 @@ <h2>Combinations</h2>
581559
</li>
582560

583561
<li class="fl w-100 w-50-m w-25-l"
584-
style="color:#000000;background-color:#999999">
562+
style="color:#AAAAAA;background-color:#121212">
585563
<div class="pa4">
586564
<span class="f4 f1-ns b">Aa</span>
587565
<p class="lh-copy measure f6">
@@ -590,9 +568,9 @@ <h2>Combinations</h2>
590568
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
591569
no sea takimata sanctus est Lorem ipsum dolor sit amet.
592570
</p>
593-
<code class="f6 db">#000000</code>
594-
<code class="f6 db">#999999</code>
595-
7.37
571+
<code class="f6 db">#AAAAAA</code>
572+
<code class="f6 db">#121212</code>
573+
8.16
596574
</div>
597575
</li>
598576

@@ -804,150 +782,6 @@ <h2>Combinations</h2>
804782
</div>
805783
</li>
806784

807-
<li class="fl w-100 w-50-m w-25-l"
808-
style="color:#FFFFFF;background-color:#0074D9">
809-
<div class="pa4">
810-
<span class="f4 f1-ns b">Aa</span>
811-
<p class="lh-copy measure f6">
812-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
813-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
814-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
815-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
816-
</p>
817-
<code class="f6 db">#FFFFFF</code>
818-
<code class="f6 db">#0074D9</code>
819-
4.67
820-
</div>
821-
</li>
822-
823-
<li class="fl w-100 w-50-m w-25-l"
824-
style="color:#0074D9;background-color:#000000">
825-
<div class="pa4">
826-
<span class="f4 f1-ns b">Aa</span>
827-
<p class="lh-copy measure f6">
828-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
829-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
830-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
831-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
832-
</p>
833-
<code class="f6 db">#0074D9</code>
834-
<code class="f6 db">#000000</code>
835-
4.50
836-
</div>
837-
</li>
838-
839-
<li class="fl w-100 w-50-m w-25-l"
840-
style="color:#0074D9;background-color:#787878">
841-
<div class="pa4">
842-
<span class="f4 f1-ns b">Aa</span>
843-
<p class="lh-copy measure f6">
844-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
845-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
846-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
847-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
848-
</p>
849-
<code class="f6 db">#0074D9</code>
850-
<code class="f6 db">#787878</code>
851-
4.76
852-
</div>
853-
</li>
854-
855-
<li class="fl w-100 w-50-m w-25-l"
856-
style="color:#0074D9;background-color:#999999">
857-
<div class="pa4">
858-
<span class="f4 f1-ns b">Aa</span>
859-
<p class="lh-copy measure f6">
860-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
861-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
862-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
863-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
864-
</p>
865-
<code class="f6 db">#0074D9</code>
866-
<code class="f6 db">#999999</code>
867-
7.37
868-
</div>
869-
</li>
870-
871-
<li class="fl w-100 w-50-m w-25-l"
872-
style="color:#0074D9;background-color:#ABABAB">
873-
<div class="pa4">
874-
<span class="f4 f1-ns b">Aa</span>
875-
<p class="lh-copy measure f6">
876-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
877-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
878-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
879-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
880-
</p>
881-
<code class="f6 db">#0074D9</code>
882-
<code class="f6 db">#ABABAB</code>
883-
9.14
884-
</div>
885-
</li>
886-
887-
<li class="fl w-100 w-50-m w-25-l"
888-
style="color:#0074D9;background-color:#EDEDED">
889-
<div class="pa4">
890-
<span class="f4 f1-ns b">Aa</span>
891-
<p class="lh-copy measure f6">
892-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
893-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
894-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
895-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
896-
</p>
897-
<code class="f6 db">#0074D9</code>
898-
<code class="f6 db">#EDEDED</code>
899-
17.94
900-
</div>
901-
</li>
902-
903-
<li class="fl w-100 w-50-m w-25-l"
904-
style="color:#0074D9;background-color:#F5F5F5">
905-
<div class="pa4">
906-
<span class="f4 f1-ns b">Aa</span>
907-
<p class="lh-copy measure f6">
908-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
909-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
910-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
911-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
912-
</p>
913-
<code class="f6 db">#0074D9</code>
914-
<code class="f6 db">#F5F5F5</code>
915-
19.26
916-
</div>
917-
</li>
918-
919-
<li class="fl w-100 w-50-m w-25-l"
920-
style="color:#0074D9;background-color:#FFFFFF">
921-
<div class="pa4">
922-
<span class="f4 f1-ns b">Aa</span>
923-
<p class="lh-copy measure f6">
924-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
925-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
926-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
927-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
928-
</p>
929-
<code class="f6 db">#0074D9</code>
930-
<code class="f6 db">#FFFFFF</code>
931-
21.00
932-
</div>
933-
</li>
934-
935-
<li class="fl w-100 w-50-m w-25-l"
936-
style="color:#0074D9;background-color:#CCCCCC">
937-
<div class="pa4">
938-
<span class="f4 f1-ns b">Aa</span>
939-
<p class="lh-copy measure f6">
940-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
941-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
942-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
943-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
944-
</p>
945-
<code class="f6 db">#0074D9</code>
946-
<code class="f6 db">#CCCCCC</code>
947-
13.08
948-
</div>
949-
</li>
950-
951785
<li class="fl w-100 w-50-m w-25-l"
952786
style="color:#CCCCCC;background-color:#000000">
953787
<div class="pa4">
@@ -997,23 +831,7 @@ <h2>Combinations</h2>
997831
</li>
998832

999833
<li class="fl w-100 w-50-m w-25-l"
1000-
style="color:#CCCCCC;background-color:#545454">
1001-
<div class="pa4">
1002-
<span class="f4 f1-ns b">Aa</span>
1003-
<p class="lh-copy measure f6">
1004-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
1005-
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
1006-
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
1007-
no sea takimata sanctus est Lorem ipsum dolor sit amet.
1008-
</p>
1009-
<code class="f6 db">#CCCCCC</code>
1010-
<code class="f6 db">#545454</code>
1011-
4.72
1012-
</div>
1013-
</li>
1014-
1015-
<li class="fl w-100 w-50-m w-25-l"
1016-
style="color:#AAAAAA;background-color:#121212">
834+
style="color:#777777;background-color:#000000">
1017835
<div class="pa4">
1018836
<span class="f4 f1-ns b">Aa</span>
1019837
<p class="lh-copy measure f6">
@@ -1022,9 +840,9 @@ <h2>Combinations</h2>
1022840
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
1023841
no sea takimata sanctus est Lorem ipsum dolor sit amet.
1024842
</p>
1025-
<code class="f6 db">#AAAAAA</code>
1026-
<code class="f6 db">#121212</code>
1027-
8.16
843+
<code class="f6 db">#777777</code>
844+
<code class="f6 db">#000000</code>
845+
4.69
1028846
</div>
1029847
</li>
1030848

@@ -1047,7 +865,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
1047865
</div>
1048866
<section class="bg-near-white black-70 pt4 pb5">
1049867
<header class="ph3 ph5-ns pt4">
1050-
<kbd class="yellow">src/_border-radius.css</kbd>
868+
<kbd class="yellow">src/_skins.css</kbd>
1051869
</header>
1052870
<pre class="ph3 ph5-ns">
1053871
<code class="code" style="font-size: .75rem;">
@@ -1099,8 +917,6 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
1099917
--near-white: #f4f4f4;
1100918
--white: #fff;
1101919

1102-
--blue: #0074D9;
1103-
1104920
}
1105921

1106922

@@ -1168,10 +984,6 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
1168984
.near-white { color: var(--near-white); }
1169985
.white { color: var(--white); }
1170986

1171-
.blue { color: var(--blue); }
1172-
.bg-blue { background-color: var(--blue); }
1173-
1174-
1175987
/* Background colors */
1176988

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

‎readme.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ Documentation for Tachyons -- a performant, mobile-first, and 100% responsive mo
44

55
#### Stats
66

7-
12264 | 1414 | 1575
7+
12244 | 1412 | 1573
88
---|---|---
99
bytes | selectors | declarations
1010

@@ -880,8 +880,6 @@ code, .code { font-family: Consolas, monaco, monospace; }
880880
.light-gray { color: #eee; }
881881
.near-white { color: #f4f4f4; }
882882
.white { color: #fff; }
883-
.blue { color: #0074D9; }
884-
.bg-blue { background-color: #0074D9; }
885883
/* Background colors */
886884
.bg-black { background-color: #111; }
887885
.bg-near-black { background-color: #111; }

‎src/css/_skins.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,6 @@
4646
--near-white: #f4f4f4;
4747
--white: #fff;
4848

49-
--blue: #0074D9;
50-
5149
}
5250

5351

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
9090
</div>
9191
<section class="bg-near-white black-70 pt4 pb5">
9292
<header class="ph3 ph5-ns pt4">
93-
<kbd class="yellow">src/_border-radius.css</kbd>
93+
<kbd class="yellow">src/_skins.css</kbd>
9494
</header>
9595
<pre class="ph3 ph5-ns">
9696
<code class="code" style="font-size: .75rem;">

0 commit comments

Comments
 (0)