Update some docs

Author: mrmrs

css/tachyons.css

@@ -1076,7 +1076,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
 .light-gray { color: #eee; }
 .near-white { color: #f4f4f4; }
 .white { color: #fff; }
-.dark-red { color: var( -dark-red ); }
+.dark-red { color: #e7040f; }
 .red { color: #ff4136; }
 .light-red { color: #ff725c; }
 .orange { color: #ff6300; }
@@ -1133,7 +1133,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
 .bg-near-white { background-color: #f4f4f4; }
 .bg-white { background-color: #fff; }
 .bg-transparent { background-color: transparent; }
-.bg-dark-red { background-color: var( -dark-red ); }
+.bg-dark-red { background-color: #e7040f; }
 .bg-red { background-color: #ff4136; }
 .bg-light-red { background-color: #ff725c; }
 .bg-orange { background-color: #ff6300; }

css/tachyons.min.css

@@ -249,7 +249,7 @@ <h2 class="f4 f2-ns fw6 mb2">Low Specificity</h2>
                 <article class="pv2 fl w-100 w-50-l pr0 pr2-l">
                   <h2 class="f4 f2-ns fw6 mb2">Accessible Color Palette</h2>
                   <p class="f5 measure lh-copy mt0">
-                    Over 280 accessible color combinations.
+                    Over 480 accessible color combinations.
                   </p>
                 </article>
                 <article class="pv2 fl w-100 w-50-l pl0 pl2-l">
@@ -497,29 +497,31 @@ <h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Colors</h3>
         <div class="dtc-ns v-mid pr4-ns">
 <table class="border-collapse w-100" cellspacing="0" cellpadding="0">
 <tbody class="black-60 f6">
-<tr><td class="bb b--black-05 bg-dark-red pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-red">Aa</td><td class="bb b--black-05">--dark-red:  #f00008;</td></tr>
-<tr><td class="bb b--black-05 bg-red pa4 "></td><td class="bb b--black-05 ph4 f4 b red">Aa</td><td class="bb b--black-05">--red:  #ff3223;</td></tr>
-<tr><td class="bb b--black-05 bg-orange pa4 "></td><td class="bb b--black-05 ph4 f4 b orange">Aa</td><td class="bb b--black-05">--orange:  #f3a801;</td></tr>
-<tr><td class="bb b--black-05 bg-gold pa4 "></td><td class="bb b--black-05 ph4 f4 b gold">Aa</td><td class="bb b--black-05">--gold:  #f2c800;</td></tr>
+<tr><td class="bb b--black-05 bg-dark-red pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-red">Aa</td><td class="bb b--black-05">--dark-red:  #e7040f;</td></tr>
+<tr><td class="bb b--black-05 bg-red pa4 "></td><td class="bb b--black-05 ph4 f4 b red">Aa</td><td class="bb b--black-05">--red:  #ff4136;</td></tr>
+<tr><td class="bb b--black-05 bg-light-red pa4 "></td><td class="bb b--black-05 ph4 f4 b light-red">Aa</td><td class="bb b--black-05">--light-red:  #ff725c;</td></tr>
+<tr><td class="bb b--black-05 bg-orange pa4 "></td><td class="bb b--black-05 ph4 f4 b orange">Aa</td><td class="bb b--black-05">--orange:  #ff6300;</td></tr>
+<tr><td class="bb b--black-05 bg-gold pa4 "></td><td class="bb b--black-05 ph4 f4 b gold">Aa</td><td class="bb b--black-05">--gold:  #ffb700;</td></tr>
 <tr><td class="bb b--black-05 bg-yellow pa4 "></td><td class="bb b--black-05 ph4 f4 b yellow">Aa</td><td class="bb b--black-05">--yellow:  #ffde37;</td></tr>
-<tr><td class="bb b--black-05 bg-light-yellow pa4 "></td><td class="bb b--black-05 ph4 f4 b light-yellow">Aa</td><td class="bb b--black-05">--light-yellow:  #f3dd70;</td></tr>
-<tr><td class="bb b--black-05 bg-purple pa4 "></td><td class="bb b--black-05 ph4 f4 b purple">Aa</td><td class="bb b--black-05">--purple:  #7d5da9;</td></tr>
-<tr><td class="bb b--black-05 bg-light-purple pa4 "></td><td class="bb b--black-05 ph4 f4 b light-purple">Aa</td><td class="bb b--black-05">--light-purple:  #8d4f92;</td></tr>
-<tr><td class="bb b--black-05 bg-hot-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b hot-pink">Aa</td><td class="bb b--black-05">--hot-pink: #d62288;</td></tr>
-<tr><td class="bb b--black-05 bg-dark-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-pink">Aa</td><td class="bb b--black-05">--dark-pink:  #c64774;</td></tr>
-<tr><td class="bb b--black-05 bg-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b pink">Aa</td><td class="bb b--black-05">--pink:  #f49cc8;</td></tr>
-<tr><td class="bb b--black-05 bg-dark-green pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-green">Aa</td><td class="bb b--black-05">--dark-green:  #006C71;</td></tr>
-<tr><td class="bb b--black-05 bg-green pa4 "></td><td class="bb b--black-05 ph4 f4 b green">Aa</td><td class="bb b--black-05">--green:  #41D69F;</td></tr>
+<tr><td class="bb b--black-05 bg-light-yellow pa4 "></td><td class="bb b--black-05 ph4 f4 b light-yellow">Aa</td><td class="bb b--black-05">--light-yellow:  #fbf1a9;</td></tr>
+<tr><td class="bb b--black-05 bg-purple pa4 "></td><td class="bb b--black-05 ph4 f4 b purple">Aa</td><td class="bb b--black-05">--purple:  #5e2ca5;</td></tr>
+<tr><td class="bb b--black-05 bg-light-purple pa4 "></td><td class="bb b--black-05 ph4 f4 b light-purple">Aa</td><td class="bb b--black-05">--light-purple:  #a463f2;</td></tr>
+<tr><td class="bb b--black-05 bg-dark-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-pink">Aa</td><td class="bb b--black-05">--dark-pink:  #d5008f;</td></tr>
+<tr><td class="bb b--black-05 bg-hot-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b hot-pink">Aa</td><td class="bb b--black-05">--hot-pink: #ff41b4;</td></tr>
+<tr><td class="bb b--black-05 bg-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b pink">Aa</td><td class="bb b--black-05">--pink:  #ff80cc;</td></tr>
+<tr><td class="bb b--black-05 bg-light-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b light-pink">Aa</td><td class="bb b--black-05">--light-pink:  #ffa3d7;</td></tr>
+<tr><td class="bb b--black-05 bg-dark-green pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-green">Aa</td><td class="bb b--black-05">--dark-green:  #137752;</td></tr>
+<tr><td class="bb b--black-05 bg-green pa4 "></td><td class="bb b--black-05 ph4 f4 b green">Aa</td><td class="bb b--black-05">--green:  #19a974;</td></tr>
+<tr><td class="bb b--black-05 bg-light-green pa4 "></td><td class="bb b--black-05 ph4 f4 b light-green">Aa</td><td class="bb b--black-05">--light-green:  #9eebcf;</td></tr>
 <tr><td class="bb b--black-05 bg-navy pa4 "></td><td class="bb b--black-05 ph4 f4 b navy">Aa</td><td class="bb b--black-05">--navy:  #001b44;</td></tr>
 <tr><td class="bb b--black-05 bg-dark-blue pa4 "></td><td class="bb b--black-05 ph4 f4 b dark-blue">Aa</td><td class="bb b--black-05">--dark-blue:  #00449e;</td></tr>
 <tr><td class="bb b--black-05 bg-blue pa4 "></td><td class="bb b--black-05 ph4 f4 b blue">Aa</td><td class="bb b--black-05">--blue:  #357edd;</td></tr>
 <tr><td class="bb b--black-05 bg-light-blue pa4 "></td><td class="bb b--black-05 ph4 f4 b light-blue">Aa</td><td class="bb b--black-05">--light-blue:  #96ccff;</td></tr>
 <tr><td class="bb b--black-05 bg-lightest-blue pa4 "></td><td class="bb b--black-05 ph4 f4 b lightest-blue">Aa</td><td class="bb b--black-05">--lightest-blue:  #cdecff;</td></tr>
 <tr><td class="bb b--black-05 bg-washed-blue pa4 "></td><td class="bb b--black-05 ph4 f4 b washed-blue">Aa</td><td class="bb b--black-05">--washed-blue:  #f6fffe;</td></tr>
 <tr><td class="bb b--black-05 bg-washed-green pa4 "></td><td class="bb b--black-05 ph4 f4 b washed-green">Aa</td><td class="bb b--black-05">--washed-green:  #e8fdf5;</td></tr>
-<tr><td class="bb b--black-05 bg-washed-yellow pa4 "></td><td class="bb b--black-05 ph4 f4 b washed-yellow">Aa</td><td class="bb b--black-05">--washed-yellow:  #fff8d5;</td></tr>
-<tr><td class="bb b--black-05 bg-light-pink pa4 "></td><td class="bb b--black-05 ph4 f4 b light-pink">Aa</td><td class="bb b--black-05">--light-pink:  #efa4b8;</td></tr>
-<tr><td class="bb b--black-05 bg-light-red pa4 "></td><td class="bb b--black-05 ph4 f4 b light-red">Aa</td><td class="bb b--black-05">--light-red:  #ffd3c0;</td></tr>
+<tr><td class="bb b--black-05 bg-washed-yellow pa4 "></td><td class="bb b--black-05 ph4 f4 b washed-yellow">Aa</td><td class="bb b--black-05">--washed-yellow:  #fffceb;</td></tr>
+<tr><td class="bb b--black-05 bg-washed-red pa4 "></td><td class="bb b--black-05 ph4 f4 b washed-red">Aa</td><td class="bb b--black-05">--washed-red:  #ffdfdf;</td></tr>
 </tbody>
 </table>
 

index.html

@@ -44,7 +44,7 @@
 .near-white {    color: var(--near-white); }
 .white {         color: var(--white); }
 
-.dark-red { color: var(-dark-red); }
+.dark-red { color: var(--dark-red); }
 .red { color: var(--red); }
 .light-red { color: var(--light-red); }
 .orange { color: var(--orange); }
@@ -107,7 +107,7 @@
 .bg-white {         background-color: var(--white); }
 .bg-transparent {   background-color: var(--transparent); }
 
-.bg-dark-red { background-color: var(-dark-red); }
+.bg-dark-red { background-color: var(--dark-red); }
 .bg-red { background-color: var(--red); }
 .bg-light-red { background-color: var(--light-red); }
 .bg-orange { background-color: var(--orange); }