Change page name to module name.

Author: mrmrs

docs/general/images/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">images</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-images</h4>
         <span class="f4 b dib pl0 ml0 mr4">v1.0.3</span>
         <span class="f4 b dib pl0 ml0 mr4">41 B</span>
         <div>

docs/layout/floats/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>
-      floats / Layout / Docs / TACHYONS
+      tachyons-floats / Layout / Docs / TACHYONS
     </title>
     <meta name="author" content="@mrmrs">
     <meta name="description" content="CSS">
@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">floats</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-floats</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.0.3</span>
         <span class="f4 b dib pl0 ml0 mr4">186 B</span>
         <div>

docs/layout/max-widths/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">max-widths</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-max-widths</h4>
         <span class="f4 b dib pl0 ml0 mr4">v3.1.0</span>
         <span class="f4 b dib pl0 ml0 mr4">245 B</span>
         <div>

docs/layout/position/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">position</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-position</h4>
         <span class="f4 b dib pl0 ml0 mr4">v5.0.0</span>
         <span class="f4 b dib pl0 ml0 mr4">169 B</span>
         <div>

docs/layout/spacing/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>
-      spacing / Layout / Docs / TACHYONS
+      tachyons-spacing / Layout / Docs / TACHYONS
     </title>
     <meta name="author" content="@mrmrs">
     <meta name="description" content="Documentation on using the spacing module which provides utilities for the setting of margin and padding on elements.">
@@ -42,7 +42,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">spacing</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-spacing</h4>
         <span class="f4 b dib pl0 ml0 mr4">v5.0.0</span>
         <span class="f4 b dib pl0 ml0 mr4">1.7 KB</span>
         <div>
@@ -63,25 +63,25 @@ <h4 class="f4 mv0 fw6 dib mr4">spacing</h4>
               <dd class="db pl0 ml0 f4 f2-ns b">1.2825112107623318</dd>
             </dl>
         </div>
-        <p class="measure f3 lh-copy">
+        <p class="measure f4 f3-ns lh-copy">
           Spacing comes in two flavors. Depending on borders and background colors, the difference between padding and margin can be invisible to the naked eye of the user. But to a developer, they serve different roles. Most codebases lack a ratio based scale and instead are littered with values that are just magic numbers. This is bad.
         </p>
-        <p class="measure f4 lh-copy">
+        <p class="measure f5 f4-ns lh-copy">
           Good design, is based in math. Certain patterns and ratios are so prevelant in nature and music that they can't be denied as elegant design solutions. Even in the 18th century, pages in books were designed with ratios. In the 21st century, we have gotten away from this on the web, often times using magic numbers to match a 'spec' that has been produced in a graphics program such as photoshop, illustrator, or sketch. While these programs are useful for sketching ideas, they aren't reflective of how the web works across device sizes or how things get drawn to the screen.
         </p>
-        <p class="measure f4 lh-copy">
+        <p class="measure f5 f4-ns lh-copy">
 Tachyons features a spacing scale based on powers of two that starts at .25rem (for most devices this will be the equivalent of 4px). Since tachyons uses rem units with px as a fallback, if a user has declared a different base font-size for their device, your spacing will scale based on a defined ratio that has stood the test of time. As powers of two will always produce integers, there will be no problems with sub pixel rendering across browsers. Computers aren't that great at math and so decimals lead to inconsistencies across platforms. Inconsistencies should be avoided where possible. You'll find that when using a well thought out scale - things just line up. It works, with little effort, regardless of your design knowledge or sensibilities.
         </p>
       </article>
 <div class="ph3 ph5-ns pt4 pb5">
   <h2 class="f3 bold">Examples</h2>
   <h3 class="f5 book pt4 ttu tracked">Padding All</h3>
-  <p>pa1, pas, pam, pal, pa5, pa6, pa7</p>
+  <p>pa1, pa2, pa3, pa4, pa5, pa6, pa7</p>
   <div><div class="pan mb2 dib bg-black white">pan</div></div>
   <div><div class="pa1 mb2 dib bg-black white">pa1</div></div>
-  <div><div class="pas mb2 dib bg-black white">pas</div></div>
-  <div><div class="pam mb2 dib bg-black white">pam</div></div>
-  <div><div class="pal mb2 dib bg-black white">pal</div></div>
+  <div><div class="pa2 mb2 dib bg-black white">pa2</div></div>
+  <div><div class="pa3 mb2 dib bg-black white">pa3</div></div>
+  <div><div class="pa4 mb2 dib bg-black white">pa4</div></div>
   <div><div class="pa5 mb2 dib bg-black white">pa5</div></div>
   <div><div class="pa6 mb2 dib bg-black white">pa6</div></div>
   <div><div class="pa7 mb2 dib bg-black white">pa7</div></div>
@@ -178,14 +178,14 @@ <h3 class="f5 book pt4 ttu tracked">Margin Left</h3>
   <div class="bg-black-70"><div class="ml6 dib bg-black white"> ml6</div></div>
   <div class="bg-black-80"><div class="ml7 dib bg-black white"> ml7</div></div>
   <h3 class="f5 book pt4 ttu tracked">Margin Right</h3>
-  <div class="bg-black-10"><div class="mr0 dib bg-black white">mr0</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-20"><div class="mr1 dib bg-black white">mr1 </div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-30"><div class="mrs dib bg-black white"> mrs</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-40"><div class="mr3 dib bg-black white"> mr3</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-50"><div class="mr4 dib bg-black white"> mr4</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-60"><div class="mr5 dib bg-black white"> mr5</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-70"><div class="mr6 dib bg-black white"> mr6</div><div class="dib pas bg-black"></div></div>
-  <div class="bg-black-80"><div class="mr7 dib bg-black white"> mr7</div><div class="dib pas bg-black"></div></div>
+  <div class="bg-black-10"><div class="mr0 dib bg-black white">mr0</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-20"><div class="mr1 dib bg-black white">mr1 </div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-30"><div class="mrs dib bg-black white"> mrs</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-40"><div class="mr3 dib bg-black white"> mr3</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-50"><div class="mr4 dib bg-black white"> mr4</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-60"><div class="mr5 dib bg-black white"> mr5</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-70"><div class="mr6 dib bg-black white"> mr6</div><div class="dib pa2 bg-black"></div></div>
+  <div class="bg-black-80"><div class="mr7 dib bg-black white"> mr7</div><div class="dib pa2 bg-black"></div></div>
   <h3 class="f5 book pt4 ttu tracked">Margin Top</h3>
   <div class="bg-black-10"><div class="mt0 dib bg-black white">mt0</div></div>
   <div class="bg-black-20"><div class="mt1 dib bg-black white">mt1 </div></div>

docs/typography/font-family/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>
-       font-family / Typography / Docs / TACHYONS
+       tachyons-font-family / Typography / Docs / TACHYONS
     </title>
     <meta name="author" content="@mrmrs">
     <meta name="description" content="">
@@ -42,7 +42,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">font-family</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-font-family</h4>
         <span class="f4 b dib pl0 ml0 mr4">v4.1.0</span>
         <span class="f4 b dib pl0 ml0 mr4">217 B</span>
         <div>

docs/typography/font-weight/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">font-weight</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-font-weight</h4>
         <span class="f4 b dib pl0 ml0 mr4">v4.0.2</span>
         <span class="f4 b dib pl0 ml0 mr4">246 B</span>
         <div>

docs/typography/measure/garamond/index.html

@@ -42,7 +42,7 @@
 
     <main>
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">typography</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-typography</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
         <span class="f4 b dib pl0 ml0 mr4">226 B</span>
         <div>

docs/typography/scale/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>
-      type-scale / Typography / Docs / TACHYONS
+      tachyons-type-scale / Typography / Docs / TACHYONS
     </title>
     <meta name="author" content="@mrmrs">
     <meta name="description" content="">
@@ -42,7 +42,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">type-scale</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-type-scale</h4>
         <span class="f4 b dib pl0 ml0 mr4">v5.0.1</span>
         <span class="f4 b dib pl0 ml0 mr4">238 B</span>
         <div>

docs/typography/text-align/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">text-align</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-align</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.0.3</span>
         <span class="f4 b dib pl0 ml0 mr4">146 B</span>
         <div>

docs/typography/text-decoration/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">text-decoration</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-decoration</h4>
         <span class="f4 b dib pl0 ml0 mr4">v3.1.0</span>
         <span class="f4 b dib pl0 ml0 mr4">162 B</span>
         <div>

docs/typography/text-transform/index.html

@@ -42,7 +42,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">text-transform</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-text-transform</h4>
         <span class="f4 b dib pl0 ml0 mr4">v3.0.4</span>
         <span class="f4 b dib pl0 ml0 mr4">174 B</span>
         <div>

docs/typography/tracking/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <title>
-      letter-spacing / Typography / Docs / TACHYONS
+      tachyons-letter-spacing / Typography / Docs / TACHYONS
     </title>
     <meta name="author" content="@mrmrs">
     <meta name="description" content="CSS">
@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">letter-spacing</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-letter-spacing</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.1.0</span>
         <span class="f4 b dib pl0 ml0 mr4">162 B</span>
         <div>
@@ -65,8 +65,10 @@ <h4 class="f4 mv0 fw6 dib mr4">letter-spacing</h4>
             </dl>
         </div>
         <p class="measure f4 f3-ns lh-copy">
+          Letter-spacing is the consistent white-space between letters in a piece of text.
+          In typography, letter-spacing is commonly known as tracking.
           Text that is set to uppercase should be tracked to improve readability.
-          Lowercase text should never be tracked.
+          <i class="db mv2">Lowercase text should never be tracked.</i>
           For some larger text, depending on the typeface, a negative tracking might be desirable.
         </p>
         <p class="measure f5 f4-ns lh-copy">

docs/typography/vertical-align/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">vertical-align</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-vertical-align</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.0.2</span>
         <span class="f4 b dib pl0 ml0 mr4">242 B</span>
         <div>

docs/typography/white-space/index.html

@@ -43,7 +43,7 @@
 
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
-        <h4 class="f4 mv0 fw6 dib mr4">white-space</h4>
+        <h4 class="f4 mv0 fw6 dib mr4">tachyons-white-space</h4>
         <span class="f4 b dib pl0 ml0 mr4">v2.0.3</span>
         <span class="f4 b dib pl0 ml0 mr4">154 B</span>
         <div>

lib/border-radius.js

@@ -9,7 +9,7 @@ var module = require('tachyons-border-radius/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-border-radius/css/tachyons-border-radius.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name;
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_border-radius.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/floats.js

@@ -10,7 +10,7 @@ var module = require('tachyons-floats/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-floats/css/tachyons-floats.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_floats.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/font-family.js

@@ -9,7 +9,7 @@ var module = require('tachyons-font-family/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-font-family/css/tachyons-font-family.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_font-family.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/font-weight.js

@@ -9,7 +9,7 @@ var module = require('tachyons-font-weight/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-font-weight/css/tachyons-font-weight.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_font-weight.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/images.js

@@ -9,7 +9,7 @@ var module = require('tachyons-images/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-images/css/tachyons-images.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_images.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/letter-spacing.js

@@ -9,7 +9,7 @@ var module = require('tachyons-letter-spacing/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_letter-spacing.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/max-widths.js

@@ -9,7 +9,7 @@ var module = require('tachyons-max-widths/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-max-widths/css/tachyons-max-widths.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_max-widths.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/measure-avenir.js

@@ -9,7 +9,7 @@ var module = require('tachyons-typography/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-typography/css/tachyons-typography.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_typography.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/measure-time.js

@@ -9,7 +9,7 @@ var module = require('tachyons-typography/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-typography/css/tachyons-typography.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_typography.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/measure.js

@@ -8,7 +8,7 @@ var module = require('tachyons-typography/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-typography/css/tachyons-typography.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_typography.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/position.js

@@ -9,7 +9,7 @@ var module = require('tachyons-position/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-position/css/tachyons-position.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_position.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/spacing.js

@@ -9,7 +9,7 @@ var module = require('tachyons-spacing/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-spacing/css/tachyons-spacing.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_spacing.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')

lib/stats.js

@@ -6,7 +6,7 @@ var cssstats = require('cssstats')
 var module = require('./package.json')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var siteFooter = fs.readFileSync('./templates/footer.html', 'utf8')
 var siteHeader = fs.readFileSync('./templates/header.html', 'utf8')

lib/text-align.js

@@ -9,7 +9,7 @@ var module = require('tachyons-text-align/package.json')
 var moduleCss = fs.readFileSync('node_modules/tachyons-text-align/css/tachyons-text-align.min.css', 'utf8')
 var moduleObj = cssstats(moduleCss)
 var moduleSize = filesize(moduleObj.gzipSize)
-var moduleName = module.name.split("tachyons-").pop()
+var moduleName = module.name
 
 var srcCSS = fs.readFileSync('./src/css/_text-align.css', 'utf8')
 var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')