Fix "Previous" and "Next" ordering on Elements & Typography docs

Author: donnieberg

src/templates/docs/font-family/index.html

@@ -74,7 +74,7 @@ <h1 class="f4 ttu tracked fw6">Previous</h1>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/typography/vertical-align/" class="link fw6 blue dim">Vertical Alignment</a>
+      <a href="/docs/typography/font-style/" class="link fw6 blue dim">Font Style</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/font-style/index.html

@@ -58,11 +58,11 @@ <h2 class="f3 bold">Examples</h2>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/typography/tracking/" class="link fw6 blue dim">Tracking</a>
+      <a href="/docs/typography/font-family/" class="link fw6 blue dim">Font Family</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/typography/font-family/" class="link fw6 blue dim">Font Family</a>
+      <a href="/docs/typography/vertical-align/" class="link fw6 blue dim">Vertical Align</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/forms/index.html

@@ -46,11 +46,11 @@ <h2 class="f3 bold">Examples</h2>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/layout/position/" class="link fw6 blue dim">Position</a>
+      <a href="/docs/elements/lists/" class="link fw6 blue dim">Lists</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/themes/background-size/" class="link fw6 blue dim">Background Size</a>
+      <a href="/docs/typography/scale/" class="link fw6 blue dim">Type Scale</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/images/index.html

@@ -29,11 +29,11 @@ <h3 class="f5 book pt4 caps">Image</h3>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/debug/" class="link fw6 blue dim">Debug</a>
+      <a href="/docs/themes/border-radius/" class="link fw6 blue dim">Border Radius</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/typography/scale/" class="link fw6 blue dim">Type Scale</a>
+      <a href="/docs/elements/links/" class="link fw6 blue dim">Links</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/line-height/index.html

@@ -78,7 +78,7 @@ <h3 class="f5 book ptxl ttu">Solid Leading (1)</h3>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/typography/measure/garamond/" class="link fw6 blue dim">Measure</a>
+      <a href="/docs/typography/measure/" class="link fw6 blue dim">Measure</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>

src/templates/docs/links/index.html

@@ -54,11 +54,11 @@ <h2 class="f3 bold">Examples</h2>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/layout/position/" class="link fw6 blue dim">Position</a>
+      <a href="/docs/elements/images/" class="link fw6 blue dim">Images</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/themes/background-size/" class="link fw6 blue dim">Background Size</a>
+      <a href="/docs/elements/lists/" class="link fw6 blue dim">Lists</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/measure/index.html

@@ -198,18 +198,18 @@ <h1>Truncation</h1>
   </p>
   <div class="mt5 cf sans-serif">
     <div class="dib mrl">
-      <h1 class="f4 ttu tracked semibold">Previous</h1>
-      <a href="/docs/typography/scale" class="link semibold blue dim">Type-scale</a>
+      <h1 class="f4 ttu tracked fw6">Previous</h1>
+      <a href="/docs/typography/scale" class="link fw6 blue dim">Type-scale</a>
     </div>
     <div class="dib">
-      <h1 class="f4 ttu tracked semibold">Next</h1>
-      <a href="/docs/typography/line-height/" class="link semibold blue dim">Line-height</a>
+      <h1 class="f4 ttu tracked fw6">Next</h1>
+      <a href="/docs/typography/line-height/" class="link fw6 blue dim">Line-height</a>
     </div>
   </div>
   <div class="mt5 pb4 sans-serif">
-    <h1 class="f4 ttu tracked semibold">Reference</h1>
-    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" class="db link semibold blue dim">MDN - width</a>
-    <a href="http://webtypography.net/2.1.2" class="link semibold blue dim">Choose a Comfortable Measure</a>
+    <h1 class="f4 ttu tracked fw6">Reference</h1>
+    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" class="db link fw6 blue dim">MDN - width</a>
+    <a href="http://webtypography.net/2.1.2" class="link fw6 blue dim">Choose a Comfortable Measure</a>
   </div>
       </div>
       <section class="bg-near-white black-70 pt4 pb5">

src/templates/docs/text-transform/index.html

@@ -52,7 +52,22 @@ <h3 class="fw4 ttn mbn">TEXT Transform none</h3>
 <code class="code">.ttn</code>
   <h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
 <code class="code">.ttu tracked</code>
+<div class="mt5 cf">
+  <div class="dib mr4">
+    <h1 class="f4 ttu tracked fw6">Previous</h1>
+    <a href="/docs/typography/text-align/" class="link fw6 blue dim">Text Align</a>
+  </div>
+  <div class="dib">
+    <h1 class="f4 ttu tracked fw6">Next</h1>
+    <a href="/docs/typography/text-decoration/" class="link fw6 blue dim">Text Decoration</a>
+  </div>
+  <div class="mt5">
+    <h1 class="f4 ttu tracked fw6">Reference</h1>
+    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform" class="link fw6 blue dim">MDN - Text Transform</a>
+  </div>
 </div>
+</div>
+
       <section class="bg-near-white black-70 pt4 pb5">
 <header class="ph3 ph5-ns pt4">
         <kbd class="yellow">src/_text-transform.css</kbd>
@@ -62,10 +77,10 @@ <h3 class="fw4 ttu tracked mbn">Uppercase with tracking</h3>
 <%= srcCSS  %>
 </code>
 </pre>
-      </section>
-      <%= navDocs %>
-    </main>
-    <%= siteFooter %>
-    <%= googleAnalytics  %>
+</section>
+<%= navDocs %>
+</main>
+<%= siteFooter %>
+<%= googleAnalytics  %>
   </body>
 </html>

src/templates/docs/type-scale/index.html

@@ -143,11 +143,11 @@ <h2 class="f3 b mb5 mt5 mt6-ns">Examples</h2>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/general/images/" class="link fw6 blue dim">Images</a>
+      <a href="/docs/elements/forms/" class="link fw6 blue dim">Forms</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/typography/measure/garamond/" class="link fw6 blue dim">Measure</a>
+      <a href="/docs/typography/measure/" class="link fw6 blue dim">Measure</a>
     </div>
   </div>
   <div class="mt5">

src/templates/docs/vertical-align/index.html

@@ -95,7 +95,7 @@ <h3 class="f5 book sans-serif pt4 caps">Table Alignment</h3>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/typography/font-family/" class="link fw6 blue dim">Font Family</a>
+      <a href="/docs/typography/font-style/" class="link fw6 blue dim">Font Style</a>
     </div>
     <div class="dib">
       <h1 class="f4 ttu tracked fw6">Next</h1>

src/templates/docs/white-space/index.html

@@ -102,11 +102,11 @@ <h3 class="f5 book pt4 code">.pre</h3>
   <div class="mt5 cf">
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Previous</h1>
-      <a href="/docs/typography/text-decoration/" class="link fw6 blue dim">Text Decoration</a>
+      <a href="/docs/typography/text-transform/" class="link fw6 blue dim">Text Transform</a>
     </div>
     <div class="dib mr4">
       <h1 class="f4 ttu tracked fw6">Next</h1>
-      <a href="/docs/layout/box-sizing/" class="link fw6 blue dim">Box Sizing</a>
+      <a href="/docs/debug/" class="link fw6 blue dim">Debug</a>
     </div>
   </div>
   <div class="mt5">