Update docs

Author: mrmrs

docs/layout/grid/index.html

@@ -109,7 +109,7 @@
         <h3 class="f6 ttu tracked mt0">Grids</h3>
         <div>
           <p class="measure f5 f4-ns  lh-copy">
-            You can combine dislay, float, padding, and widths to contstruct a
+            You can combine display, float, padding, and widths to contstruct a
             wide variedy of grids.  Here is a basic example of some options for
             constructing a simple grid.
           </p>

docs/table-of-properties/index.html

@@ -97,7 +97,7 @@ <h3 class="ttu tracked f4">Table of Properties</h3>
 .hover-bg-black:focus: var(--black)<br>.hover-bg-blue:hover,
 .hover-bg-blue:focus: var(--blue)<br>.hover-bg-dark-blue:hover,
 .hover-bg-dark-blue:focus: var(--dark-blue)<br>.hover-bg-dark-gray:focus, 
-.focus-bg-mid-gray:hover: var(--mid-gray)<br>.hover-bg-dark-gray:hover, 
+.hover-bg-mid-gray:hover: var(--mid-gray)<br>.hover-bg-dark-gray:hover, 
 .hover-bg-dark-gray:focus: var(--dark-gray)<br>.hover-bg-dark-green:hover,
 .hover-bg-dark-green:focus: var(--dark-green)<br>.hover-bg-dark-pink:hover,
 .hover-bg-dark-pink:focus: var(--dark-pink)<br>.hover-bg-dark-red:hover,
@@ -187,8 +187,8 @@ <h3 class="ttu tracked f4">Table of Properties</h3>
 .border-box: border-box</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-box-sizing">box-sizing</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">clear</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.cb: both<br>.cb-l: both<br>.cb-m: both<br>.cb-ns: both<br>.cf:after: both<br>.cl: left<br>.cl-l: left<br>.cl-m: left<br>.cl-ns: left<br>.cn: none<br>.cn-l: none<br>.cn-m: none<br>.cn-ns: none<br>.cr: right<br>.cr-l: right<br>.cr-m: right<br>.cr-ns: right</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-clears">clears</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">clip</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.clip: rect(1px, 1px, 1px, 1px)<br>.clip-l: rect(1px, 1px, 1px, 1px)<br>.clip-m: rect(1px, 1px, 1px, 1px)<br>.clip-ns: rect(1px, 1px, 1px, 1px)</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-visibility">visibility</a></td></tr>
-<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">color</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.black: var(--black)<br>.black-05: var(--black-05)<br>.black-10: var(--black-10)<br>.black-20: var(--black-20)<br>.black-30: var(--black-30)<br>.black-40: var(--black-40)<br>.black-50: var(--black-50)<br>.black-60: var(--black-60)<br>.black-70: var(--black-70)<br>.black-80: var(--black-80)<br>.black-90: var(--black-90)<br>.blue: var(--blue)<br>.dark-blue: var(--dark-blue)<br>.dark-gray: var(--dark-gray)<br>.dark-green: var(--dark-green)<br>.dark-pink: var(--dark-pink)<br>.dark-red: var(--dark-red)<br>.focus-black:hover, 
-.hover-black:focus: var(--black)<br>.gold: var(--gold)<br>.gray: var(--gray)<br>.green: var(--green)<br>.hot-pink: var(--hot-pink)<br>.hover-blue:hover,
+<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">color</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.black: var(--black)<br>.black-05: var(--black-05)<br>.black-10: var(--black-10)<br>.black-20: var(--black-20)<br>.black-30: var(--black-30)<br>.black-40: var(--black-40)<br>.black-50: var(--black-50)<br>.black-60: var(--black-60)<br>.black-70: var(--black-70)<br>.black-80: var(--black-80)<br>.black-90: var(--black-90)<br>.blue: var(--blue)<br>.dark-blue: var(--dark-blue)<br>.dark-gray: var(--dark-gray)<br>.dark-green: var(--dark-green)<br>.dark-pink: var(--dark-pink)<br>.dark-red: var(--dark-red)<br>.gold: var(--gold)<br>.gray: var(--gray)<br>.green: var(--green)<br>.hot-pink: var(--hot-pink)<br>.hover-black:hover,
+.hover-black:focus: var(--black)<br>.hover-blue:hover,
 .hover-blue:focus: var(--blue)<br>.hover-dark-blue:hover,
 .hover-dark-blue:focus: var(--dark-blue)<br>.hover-dark-gray:hover, 
 .hover-dark-gray:focus: var(--dark-gray)<br>.hover-dark-green:hover,
@@ -204,13 +204,13 @@ <h3 class="ttu tracked f4">Table of Properties</h3>
 .hover-light-green:focus: var(--light-green)<br>.hover-light-pink:hover,
 .hover-light-pink:focus: var(--light-pink)<br>.hover-light-purple:hover,
 .hover-light-purple:focus: var(--light-purple)<br>.hover-light-red:hover,
-.hover-light-red:focus: var(--light-red)<br>.hover-light-silver:hover, 
+.hover-light-red:focus: var(--light-red)<br>.hover-light-silver:hover,
 .hover-light-silver:focus: var(--light-silver)<br>.hover-light-yellow:hover,
 .hover-light-yellow:focus: var(--light-yellow)<br>.hover-lightest-blue:hover,
 .hover-lightest-blue:focus: var(--lightest-blue)<br>.hover-mid-gray:hover, 
 .hover-mid-gray:focus: var(--mid-gray)<br>.hover-moon-gray:hover, 
 .hover-moon-gray:focus: var(--moon-gray)<br>.hover-navy:hover,
-.hover-navy:focus: var(--navy)<br>.hover-near-black:hover, 
+.hover-navy:focus: var(--navy)<br>.hover-near-black:hover,
 .hover-near-black:focus: var(--near-black)<br>.hover-near-white:hover, 
 .hover-near-white:focus: var(--near-white)<br>.hover-orange:hover,
 .hover-orange:focus: var(--orange)<br>.hover-pink:hover,
@@ -311,7 +311,8 @@ <h3 class="ttu tracked f4">Table of Properties</h3>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">transform</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.grow: translateZ(0)<br>.grow-large: translateZ(0)<br>.grow-large:active: scale(.95)<br>.grow-large:hover,
 .grow-large:focus: scale(1.2)<br>.grow:active: scale(.90)<br>.grow:hover,
 .grow:focus: scale(1.05)</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-hovers">hovers</a></td></tr>
-<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">transition</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.bg-animate:hover,
+<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">transition</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.bg-animate,
+.bg-animate:hover,
 .bg-animate:focus: background-color .15s ease-in-out<br>.dim: opacity .15s ease-in<br>.dim:active: opacity .15s ease-out<br>.dim:hover,
 .dim:focus: opacity .15s ease-in<br>.grow: transform 0.25s ease-out<br>.grow-large: transform .25s ease-in-out<br>.hide-child .child: opacity .15s ease-in<br>.hide-child:hover  .child,
 .hide-child:focus  .child,