Update docs

Author: mrmrs

docs/typography/text-decoration/index.html

@@ -57,15 +57,15 @@
       <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/typography/scale/" title="Type">Type Scale</a>
-        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/measure/" title="Measure">Measure</a>
+        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/measure/" title="Measure">Measure</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/line-height/" title="Line Height">Line Height / Leading</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/tracking/" title="Tracking">Tracking</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-weight/" title="Font Weights">Font Weights</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-style/" title="Font style">Font Style</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/vertical-align/" title="Vertical Align">Vertical Align</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-align/" title="Text Align">Text Align</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-transform" title="Text Transform">Text Transform</a>
-        <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
+        <a class="f6 fw6 dim link black pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/text-decoration" title="Text Decoration">Text Decoration</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/white-space" title="White Space">White Space</a>
         <a class="f6 fw6 dim link black-70 pb2-ns mr2 mr3-m mr4-l" href="/docs/typography/font-family" title="Font Families">Font Families</a>
         </div>
@@ -111,7 +111,7 @@ <h4 class="f6 fw6">Reference</h4>
           <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="link fw6 blue dim">MDN - Text Decoration</a>
         </div>
       </div>
-      <section class="bg-white bt bb b--black-40 black-70 pt4 pb5 overflow-container">
+      <section class="bg-white bt bb b--black-40 black-70 pt4 pb5 mb5 overflow-container">
         <header class="ph3 ph5-ns pt4">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-decoration</h4>
         <span class="f4 b dib pl0 ml0 mr4">v4.0.1</span>

docs/typography/text-transform/index.html

@@ -105,7 +105,7 @@ <h4 class="f6 fw6">Reference</h4>
         </div>
       </div>
 
-      <section class="bg-white bt bb b--black-40 black-70 pt4 pb5 overflow-container">
+      <section class="bg-white bt bb b--black-40 black-70 pt4 pb5 mb5 overflow-container">
       <header class="ph3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-transform</h4>
         <span class="f4 b dib pl0 ml0 mr4">v4.0.1</span>

docs/typography/white-space/index.html

@@ -86,7 +86,9 @@ <h3 class="f6 ttu tracked mt0">White Space</h3>
       <div class="ph3 ph5-ns pt4 pb5">
         <h3 class="f5 mb4 pb2 bb">Examples</h3>
       <p class="f5 f4-ns measure lh-copy">This text is formatted the same way in the source and printed three times, with the only difference being which white-space class is attached.</p>
-        <h3 class="f5 book pt4 code">.ws-normal</h3>
+        <code class="f6 db">
+          &lt;p class="ws-normal"&gt;Content&lt;/p&gt;
+        </code>
         <p class="ws-normal measure">
 
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -104,22 +106,11 @@ <h3 class="f5 book pt4 code">.ws-normal</h3>
           ipsum dolor sit amet.
 
         </p>
-        <h3 class="f5 book pt4 code">.nowrap</h3>
-        <p class="nowrap measure">
-          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,
-
-          no sea
-            takimata
-          sanctus est
-
-                    Lorem
-
-          ipsum dolor sit amet.
-
+        <h3 class="f5 fw4 mt4 code">.nowrap</h3>
+        <p class="nowrap measure truncate">
+          Typography is to literature as musical performance is to composition: an
+          essential act of interpretation, full of endless opportunities for insight or
+          obtuseness.
         </p>
         <h3 class="f5 book pt4 code">.pre</h3>
         <p class="pre measure">