Update the docs pages - remove some old classes. Fix some spelling

errors.

Author: mrmrs

src/templates/docs/floats/index.html

@@ -95,7 +95,7 @@ <h3 class="f5 book pt4 caps">Float With Images</h3>
         <p class="f3">Originally floats were used to wrap text around images as in the example below.</p>
         <div class="cf">
           <img src="/img/example-1.jpg" class="fl w4 mr3" alt="example 1">
-          <p class="measure mtn">
+          <p class="measure mt0">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
             tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
             vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,

src/templates/docs/grid/index.html

@@ -66,7 +66,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>

src/templates/docs/measure/avenir-next/index.html

@@ -6,7 +6,7 @@
     <title>
        Avenir Next / Measure / Typography / Docs / TACHYONS
     </title>
-    <meta name="author" content="@mrmrs">
+    <meta name="author" content="@mr3rs">
     <meta name="description" content="Simple css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="/css/tachyons.min.css">
@@ -15,7 +15,7 @@
     <header class="bg-black-025 black-70 pb4 sans-serif">
 
       <div class="bb b--black-10 ph3 ph4-ns pv4">
-        <h1 class="f4 f3-ns ttu mtn heavy tracked"><a class="black-40 link dim" href="/">Tachyons</a></h1>
+        <h1 class="f4 f3-ns ttu mt0 heavy tracked"><a class="black-40 link dim" href="/">Tachyons</a></h1>
         <h2 class="f4 mv0 fw6 dib pr1"><a class="black-40 link dim" href="/docs/">Docs</a></h2>
         <span class="fw2 black-40">/</span>
         <h3 class="f4 mv0 fw6 dib pr1"><a class="black-40 link dim" href="/docs/#typography">Typography</a></h3>
@@ -24,28 +24,28 @@ <h4 class="f4 mv0 fw6 dib"><a class="black-40 link dim" href="#">Measure</a></h4
         <span class="fw2 black-40">/</span>
         <h5 class="f4 mv0 fw6 dib black-90">Avenir Next</h5>
         <div class="mtl">
-          <dl class="black-40 pr3 light dib mrm">
+          <dl class="black-40 pr3 light dib mr3">
             <dt class="db">Version</dt>
             <dd class="f2 f1-ns b db pl0 ml0"><%= moduleVersion %></dd>
           </dl>
-          <dl class="black-40 light dib mrm">
+          <dl class="black-40 light dib mr3">
             <dt class="db">Filesize</dt>
             <dd class="f2 f1-ns b db pl0 ml0"><%= moduleSize %></dd>
           </dl>
           <div class="cf">
-            <dl class="black-40 dib mrm mtn">
+            <dl class="black-40 dib mr3 mt0">
               <dt class="db">Declarations </dt>
               <dd class="db pl0 ml0 f2 f1-ns b"><%= moduleObj.declarations.total %></span></dd>
             </dl>
-            <dl class="black-40 dib mrm">
+            <dl class="black-40 dib mr3">
               <dt class="db prs">Selectors </dt>
               <dd class="db pl0 ml0 f2 f1-ns b"><%= moduleObj.selectors.total %></dd>
             </dl>
-            <dl class="black-40 dib mrm">
+            <dl class="black-40 dib mr3">
               <dt class="db prs">Max. Specificity Score </dt>
               <dd class="db pl0 ml0 f2 f1-ns b"><%= moduleObj.selectors.specificity.max %></dd>
             </dl>
-            <dl class="black-40 dib mrm">
+            <dl class="black-40 dib mr3">
               <dt class="db prs">Size of Avg. Rule </dt>
               <dd class="db pl0 ml0 f2 f1-ns b"><%= moduleObj.rules.size.average %></dd>
             </dl>
@@ -66,14 +66,14 @@ <h5 class="f4 mv0 fw6 dib black-90">Avenir Next</h5>
     </header>
     <main class="sans-serif">
       <div class="ph3 ph4-ns">
-        <h1 class="f5 book sans-serif ptxl ttu black-100">Avenir Next set to <b>4rem/64px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5 ttu black-100">Avenir Next set to <b>4rem/64px</b> at <b>30em</b></h1>
         <p class="mega measure lh-title mtl">
           <span class="">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
             tempor invidunt ut labore et dolore magna aliquyam erat.
           </span>
         </p>
-        <h1 class="f5 book sans-serif ptxl bt b--light-gray ttu black-100">Avenir Next set to <b>2rem/32px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5 bt b--light-gray ttu black-100">Avenir Next set to <b>2rem/32px</b> at <b>30em</b></h1>
         <div class="pb4">
           <p class="f1 measure lh-copy mtl">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -82,7 +82,7 @@ <h1 class="f5 book sans-serif ptxl bt b--light-gray ttu black-100">Avenir Next s
             no sea takimata sanctus est Lorem ipsum dolor sit amet.
           </p>
         </div>
-        <h1 class="f5 book sans-serif ptxl mbl bt b--light-gray ttu black-100">Avenir Next set to <b>1.5rem/24px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5 mbl bt b--light-gray ttu black-100">Avenir Next set to <b>1.5rem/24px</b> at <b>30em</b></h1>
         <div class="cf w-100 pb4">
           <div class="fl w-100">
             <p class="f2 measure lh-title tj mbn">
@@ -98,7 +98,7 @@ <h1 class="f5 book sans-serif ptxl mbl bt b--light-gray ttu black-100">Avenir Ne
             </p>
           </div>
         </div>
-        <h1 class="f5 book sans-serif ptxl bt b--light-gray ttu black-100 mbl">Avenir Next set to <b>1.25rem/20px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5 bt b--light-gray ttu black-100 mbl">Avenir Next set to <b>1.25rem/20px</b> at <b>30em</b></h1>
         <div class="cf w-100 pb4">
           <div class="fl w-100 prn prl-l">
             <p class="f3 measure lh-copy tj mbn">
@@ -123,7 +123,7 @@ <h1 class="f5 book sans-serif ptxl bt b--light-gray ttu black-100 mbl">Avenir Ne
             </p>
           </div>
         </div>
-        <h1 class="f5 book sans-serif ptxl mbl bt b--light-gray ttu black-100">Avenir Next set to <b>1rem/16px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5 mbl bt b--light-gray ttu black-100">Avenir Next set to <b>1rem/16px</b> at <b>30em</b></h1>
         <div class="pb4">
         <p class="f4 measure lh-copy tj mbn">
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -137,7 +137,7 @@ <h1 class="f5 book sans-serif ptxl mbl bt b--light-gray ttu black-100">Avenir Ne
 </p>
 
       </div>
-        <h1 class="f5 book sans-serif ptxl  bt b--light-gray ttu black-100">Avenir Next set to <b>.85rem/14px</b> at <b>30em</b></h1>
+        <h1 class="f5 book sans-serif pt5  bt b--light-gray ttu black-100">Avenir Next set to <b>.85rem/14px</b> at <b>30em</b></h1>
         <div class="cf w-100 pb4">
           <div class="fl w-100">
             <p class="small measure lh-copy tj">

src/templates/docs/measure/index.html

@@ -31,7 +31,7 @@ <h3 class="f6 ttu tracked mt0 fl w-100">Measure</h3>
         <section class="fl w-100 w-50-l pr4-l">
         <div class="outline black-10 mt3-ns">
           <div class="aspect-ratio aspect-ratio--8x5">
-            <iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/183819916" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+            <iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/183852299" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
           </div>
         </div>
 </section>

src/templates/docs/opacity/index.html

@@ -30,7 +30,7 @@ <h3 class="f6 ttu tracked mt0">Opacity</h3>
       </article>
       <div class="ph3 ph5-ns pt4 pb5">
         <h3 class="f5 mb4 pb2 bb">Examples</h3>
-        <h4 class="f6 mt4">Opacity scale</h3>
+        <h4 class="f6 mt4">Opacity scale</h4>
         <code class="f6 db mv3"></code>
         <section class="cf">
           <div class="fl w-100 w-33-l pt4">