Update docs

Author: mrmrs

docs/themes/background-size/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-20 ph3 pt3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Background Size</h3>
         <p class="measure f6 f5-ns lh-copy pb4 mt0">
           Background-size affects how background images fill their containing elements.

docs/themes/border-radius/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Border Radius</h3>
         <p class="measure f4 lh-copy">
           There is a four step scale for border radius in addition to a utility

docs/themes/borders/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Borders</h3>
         <p class="measure f4 lh-copy">
           There is a base border module that can be extended with the

docs/themes/box-shadow/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Box Shadow</h3>
         <p class="measure lh-copy f5 f4-ns">
           This module provides several options for box-shadow. Feel free to customize if

docs/themes/hovers/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Hovers</h3>
         <p class="measure f3 lh-copy">
           There are several classes for adding hover effects to elements.

docs/themes/opacity/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Opacity</h3>
         <p class="measure lh-copy f5 f4-ns">
           This module is a sequence of opacity values that you can apply to any element to adjust the opacity of text, backgrounds, and images.

docs/themes/skins/index.html

@@ -53,7 +53,18 @@
 </header>
 
     <main class="bg-white black-70">
-      <article class="bt b--black-10 pa3 ph5-ns">
+      <header class="ph3 ph5-ns w-100 pv3 mb4 mb5-ns bt bb b--black-10 overflow-auto">
+        <div class="nowrap mw9 center">
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/skins/" title="Skins">Skins</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/hovers/" title="Hovers">Hovers</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/background-size/" title="Background size">Background Size</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/borders/" title="Borders">Borders</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/border-radius/" title="Border Radius">Border Radius</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/box-shadow/" title="Box Shadow">Box Shadow</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/themes/opacity/" title="Opacity">Opacity</a>
+        </div>
+      </header>
+      <article class="pa3 ph5-ns">
         <h3 class="f6 ttu tracked mt0">Skins</h3>
         <p class="measure f4 lh-copy">
           Tachyons comes with a collection of classes for setting the color of text