Merge branch 'master' of github.com:tachyons-css/tachyons-css.github.io

mrmrs · mrmrs · commit b5ea35543451 · 2016-03-25T18:16:09.000Z
diff --git a/docs/layout/clearfix/index.html b/docs/layout/clearfix/index.html
@@ -48,24 +48,24 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-clears</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v2.0.4</span>
-        <span class="f4 b dib pl0 ml0 mr4">92 B</span>
+        <span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
+        <span class="f4 b dib pl0 ml0 mr4">187 B</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">4</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">16</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">4</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">16</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
             <dd class="db pl0 ml0 f4 f2-ns b">11</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Size of Avg. Rule </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">1.3333333333333333</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">1.0666666666666667</dd>
           </dl>
         </div>
         <p class="measure f4 f3-ns lh-copy">
diff --git a/docs/layout/display/index.html b/docs/layout/display/index.html
@@ -87,7 +87,7 @@ <h3 class="f5 book pt4 caps">Display Block</h3>
         <code class="f6">
           &lt;span class="db"&gt;&lt;/span&gt;
         </code>
-        <p>Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
+        <p class="measure lh-copy">Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
         <div class="db bg-black-10 mb2">
           block
         </div>
@@ -100,7 +100,7 @@ <h3 class="f5 book pt4 caps">Display Inline-Block</h3>
         <code class="f6">
           &lt;span class="dib"&gt;&lt;/span&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Inline-block will wrap around content inline. It also allows you to set
           height and width properties on the element, which display inline does not allow
           you to do. It does render the white-space inbeween elements, so if you set
@@ -125,7 +125,7 @@ <h3 class="f5 book pt4 caps">Display Inline</h3>
         <code class="f6">
           &lt;div class="di"&gt;&lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Set content inline. Inline doesn't respect height or width values. It does not render white space between elements.
         </p>
         <div class="di bg-black-10 mb2">
@@ -149,10 +149,10 @@ <h3 class="f5 book pt4 caps">Display Table</h3>
           &nbsp;&nbsp;  &lt;div class="dtc"&gt;&lt;/div&gt;<br>
           &lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Display table can be combined with display table-cell to render a table
           without table markup. This can be useful for vertically aligning content
-          or for auto-calculating a variable amount of table cells.
+          or for auto-calculating a variable number of table cells.
         </p>
         <div class="dt bg-black-10 mb2 w-100">
           <div class="dtc v-mid pa1 bg-black-10">display</div>
@@ -165,7 +165,7 @@ <h3 class="f5 book pt4 caps">Display None</h3>
         <code class="f6">
           &lt;div class="dn"&gt;&lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           You can set the display of any element to none by tacking on the <code class="code">dn</code> class.
         </p>
 
diff --git a/docs/layout/floats/index.html b/docs/layout/floats/index.html
@@ -168,7 +168,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
 @media (--breakpoint-not-small) {
   .fl-ns { float: left; display: inline; }
   .fr-ns { float: right;display: inline; }
-  .fn-ns { float: none!important; }
+  .fn-ns { float: none; }
 }
 
 @media (--breakpoint-medium) {
diff --git a/docs/layout/heights/index.html b/docs/layout/heights/index.html
@@ -48,16 +48,16 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-heights</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v4.1.0</span>
-        <span class="f4 b dib pl0 ml0 mr4">234 B</span>
+        <span class="f4 b dib pl0 ml0 mr4">v4.1.3</span>
+        <span class="f4 b dib pl0 ml0 mr4">254 B</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">36</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">44</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">36</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">44</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
diff --git a/docs/layout/spacing/index.html b/docs/layout/spacing/index.html
@@ -48,24 +48,24 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-spacing</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v5.0.4</span>
-        <span class="f4 b dib pl0 ml0 mr4">1.7 KB</span>
+        <span class="f4 b dib pl0 ml0 mr4">v5.0.6</span>
+        <span class="f4 b dib pl0 ml0 mr4">1.71 KB</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">572</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">576</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">446</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">448</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
             <dd class="db pl0 ml0 f4 f2-ns b">10</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Size of Avg. Rule </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">1.2825112107623318</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">1.2857142857142858</dd>
           </dl>
         </div>
         <p class="measure f4 f3-ns lh-copy">
diff --git a/docs/themes/background-size/index.html b/docs/themes/background-size/index.html
@@ -48,7 +48,7 @@
     <main>
       <article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-background-size</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v3.0.2</span>
+        <span class="f4 b dib pl0 ml0 mr4">v3.0.3</span>
         <span class="f4 b dib pl0 ml0 mr4">139 B</span>
         <div>
           <dl class="dib mr4 mt0">
diff --git a/docs/themes/borders/index.html b/docs/themes/borders/index.html
@@ -48,16 +48,16 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-borders</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v2.0.3</span>
-        <span class="f4 b dib pl0 ml0 mr4">208 B</span>
+        <span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
+        <span class="f4 b dib pl0 ml0 mr4">228 B</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">40</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">48</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">20</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">24</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
diff --git a/docs/typography/text-align/index.html b/docs/typography/text-align/index.html
@@ -91,13 +91,6 @@ <h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
         <p class="tc measure bg-black-10">
           Aligned to the center
         </p>
-        <h3 class="f5 fw4 pt4 caps">Justified Text</h3>
-        <p class="tj measure bg-black-10">
-          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.
-        </p>
         <div class="mt5 cf">
           <div class="dib mr4">
             <h1 class="f4 ttu tracked fw6">Previous</h1>
diff --git a/docs/typography/text-decoration/index.html b/docs/typography/text-decoration/index.html
@@ -85,6 +85,8 @@ <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
       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.
       </p>
+        <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
+        <p class="strike">Lorem ipsum dolor sit amet</p>
         <div class="mt5 cf">
           <div class="dib mr4">
             <h1 class="f4 ttu tracked fw6">Previous</h1>
diff --git a/docs/typography/text-transform/index.html b/docs/typography/text-transform/index.html
@@ -77,7 +77,7 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-transform</h4>
       </article>
       <div class="ph3 ph5-ns pt4 pb5">
         <h2 class="f3 b">Examples</h2>
-        <h3 class="fw4 ttu mbn">uppercase</h3>
+        <h3 class="fw4 ttu mbn">Uppercase</h3>
         <code class="code">.ttu </code>
         <h3 class="fw4 ttl mbn">LOWERCASE</h3>
         <code class="code">.ttl </code>
@@ -86,7 +86,7 @@ <h3 class="fw4 ttc mbn">capitalize multiple words</h3>
         <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>
+        <code class="code">.ttu.tracked</code>
 
         <div class="mt5 cf">
           <div class="dib mr4">
diff --git a/index.html b/index.html
@@ -332,7 +332,7 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-background-size">tachyons-background-size</a>
             <div>
-              <span class="fw4 pr2">v3.0.2</span>
+              <span class="fw4 pr2">v3.0.3</span>
               <span>139 B</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-background-size">View on GitHub</a>
             </div>
@@ -368,7 +368,7 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-border-style">tachyons-border-style</a>
             <div>
-              <span class="fw4 pr2">v3.0.1</span>
+              <span class="fw4 pr2">v3.0.2</span>
               <span>168 B</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-border-style">View on GitHub</a>
             </div>
@@ -386,8 +386,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-borders">tachyons-borders</a>
             <div>
-              <span class="fw4 pr2">v2.0.3</span>
-              <span>208 B</span>
+              <span class="fw4 pr2">v2.1.0</span>
+              <span>228 B</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-borders">View on GitHub</a>
             </div>
           </div>
@@ -404,8 +404,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-clears">tachyons-clears</a>
             <div>
-              <span class="fw4 pr2">v2.0.4</span>
-              <span>92 B</span>
+              <span class="fw4 pr2">v2.1.0</span>
+              <span>187 B</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-clears">View on GitHub</a>
             </div>
           </div>
@@ -503,8 +503,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-heights">tachyons-heights</a>
             <div>
-              <span class="fw4 pr2">v4.1.0</span>
-              <span>234 B</span>
+              <span class="fw4 pr2">v4.1.3</span>
+              <span>254 B</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-heights">View on GitHub</a>
             </div>
           </div>
@@ -611,8 +611,8 @@ <h1><a href="#npm" class="link near-black">NPM</a></h1>
           <div class="mb3 fl w-100 w-50-m w-33-l">
             <a class="db f4 link mb1 dim near-black b" href="http://npmjs.com/package/tachyons-spacing">tachyons-spacing</a>
             <div>
-              <span class="fw4 pr2">v5.0.4</span>
-              <span>1.7 KB</span>
+              <span class="fw4 pr2">v5.0.6</span>
+              <span>1.71 KB</span>
               <a class="link dim near-black dib ml2 f6" href="http://github.com/tachyons-css/tachyons-spacing">View on GitHub</a>
             </div>
           </div>
diff --git a/package.json b/package.json
@@ -32,12 +32,12 @@
     "tachyons-debug": "^1.1.1",
     "tachyons-display": "^3.0.3",
     "tachyons-display-verbose": "^1.0.0",
-    "tachyons-floats": "^2.0.3",
+    "tachyons-floats": "^2.0.4",
     "tachyons-font-family": "^4.1.1",
     "tachyons-font-style": "^3.0.0",
     "tachyons-font-weight": "^4.0.2",
     "tachyons-forms": "^2.0.1",
-    "tachyons-heights": "^4.0.2",
+    "tachyons-heights": "^4.1.3",
     "tachyons-hovers": "^2.0.4",
     "tachyons-images": "^1.0.3",
     "tachyons-letter-spacing": "^2.1.0",
diff --git a/readme.md b/readme.md
@@ -1,11 +1,11 @@
 # Tachyons Documentation
 
-Documentation for Tachyons -- a performant, mobile-first, and 100% responsive modular css framework.
+Documentation for Tachyons — a performant, mobile-first, and 100% responsive modular CSS framework.
 
 ## Installation and Usage
 
 ```
-git clone https://github.com/tachyons-css/tachyons-css.github.io && cd $_
+git clone https://github.com/tachyons-css/tachyons-css.github.io && cd tachyons-css.github.io
 npm i && npm start
 ```
 
diff --git a/src/css/_floats.css b/src/css/_floats.css
@@ -39,7 +39,7 @@
 @media (--breakpoint-not-small) {
   .fl-ns { float: left; display: inline; }
   .fr-ns { float: right;display: inline; }
-  .fn-ns { float: none!important; }
+  .fn-ns { float: none; }
 }
 
 @media (--breakpoint-medium) {
diff --git a/src/templates/docs/display/index.html b/src/templates/docs/display/index.html
@@ -51,7 +51,7 @@ <h3 class="f5 book pt4 caps">Display Block</h3>
         <code class="f6">
           &lt;span class="db"&gt;&lt;/span&gt;
         </code>
-        <p>Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
+        <p class="measure lh-copy">Block will inherently set width to 100% of its parent element. It will also cause a line break, even if the declared width doesn't take up the full width of the parent.</p>
         <div class="db bg-black-10 mb2">
           block
         </div>
@@ -64,7 +64,7 @@ <h3 class="f5 book pt4 caps">Display Inline-Block</h3>
         <code class="f6">
           &lt;span class="dib"&gt;&lt;/span&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Inline-block will wrap around content inline. It also allows you to set
           height and width properties on the element, which display inline does not allow
           you to do. It does render the white-space inbeween elements, so if you set
@@ -89,7 +89,7 @@ <h3 class="f5 book pt4 caps">Display Inline</h3>
         <code class="f6">
           &lt;div class="di"&gt;&lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Set content inline. Inline doesn't respect height or width values. It does not render white space between elements.
         </p>
         <div class="di bg-black-10 mb2">
@@ -113,10 +113,10 @@ <h3 class="f5 book pt4 caps">Display Table</h3>
           &nbsp;&nbsp;  &lt;div class="dtc"&gt;&lt;/div&gt;<br>
           &lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           Display table can be combined with display table-cell to render a table
           without table markup. This can be useful for vertically aligning content
-          or for auto-calculating a variable amount of table cells.
+          or for auto-calculating a variable number of table cells.
         </p>
         <div class="dt bg-black-10 mb2 w-100">
           <div class="dtc v-mid pa1 bg-black-10">display</div>
@@ -129,7 +129,7 @@ <h3 class="f5 book pt4 caps">Display None</h3>
         <code class="f6">
           &lt;div class="dn"&gt;&lt;/div&gt;
         </code>
-        <p class="measure">
+        <p class="measure lh-copy">
           You can set the display of any element to none by tacking on the <code class="code">dn</code> class.
         </p>
 
diff --git a/src/templates/docs/text-align/index.html b/src/templates/docs/text-align/index.html
@@ -55,13 +55,6 @@ <h3 class="f5 fw4 pt4 caps">Text Align Center</h3>
         <p class="tc measure bg-black-10">
           Aligned to the center
         </p>
-        <h3 class="f5 fw4 pt4 caps">Justified Text</h3>
-        <p class="tj measure bg-black-10">
-          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.
-        </p>
         <div class="mt5 cf">
           <div class="dib mr4">
             <h1 class="f4 ttu tracked fw6">Previous</h1>
diff --git a/src/templates/docs/text-decoration/index.html b/src/templates/docs/text-decoration/index.html
@@ -49,6 +49,8 @@ <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Underline</h3>
       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.
       </p>
+        <h3 class="f5 fw4 pt4 ttu tracked">Text Decoration Strikethrough</h3>
+        <p class="strike">Lorem ipsum dolor sit amet</p>
         <div class="mt5 cf">
           <div class="dib mr4">
             <h1 class="f4 ttu tracked fw6">Previous</h1>
diff --git a/src/templates/docs/text-transform/index.html b/src/templates/docs/text-transform/index.html
@@ -41,7 +41,7 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
       </article>
       <div class="ph3 ph5-ns pt4 pb5">
         <h2 class="f3 b">Examples</h2>
-        <h3 class="fw4 ttu mbn">uppercase</h3>
+        <h3 class="fw4 ttu mbn">Uppercase</h3>
         <code class="code">.ttu </code>
         <h3 class="fw4 ttl mbn">LOWERCASE</h3>
         <code class="code">.ttl </code>
@@ -50,7 +50,7 @@ <h3 class="fw4 ttc mbn">capitalize multiple words</h3>
         <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>
+        <code class="code">.ttu.tracked</code>
 
         <div class="mt5 cf">
           <div class="dib mr4">

Original file line number	Diff line number	Diff line change
`@@ -168,7 +168,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>`
`168`	`168`	`@media (--breakpoint-not-small) {`
`169`	`169`	`.fl-ns { float: left; display: inline; }`
`170`	`170`	`.fr-ns { float: right;display: inline; }`
`171`		`- .fn-ns { float: none!important; }`
	`171`	`+ .fn-ns { float: none; }`
`172`	`172`	`}`
`173`	`173`
`174`	`174`	`@media (--breakpoint-medium) {`