diff --git a/docs/components/nav/list-overflow.html b/docs/components/nav/list-overflow.html
index 9f83a80..31e44db 100644
--- a/docs/components/nav/list-overflow.html
+++ b/docs/components/nav/list-overflow.html
@@ -1,5 +1,5 @@
 <nav class="ph3 ph5-ns pv4">
-  <div class="nowrap overflow-x-auto">
+  <div class="ws-nowrap overflow-x-auto">
     <a class="link dim gray f5 f4-ns dib mr3" href="#" title="Link 1">Link 1</a>
     <a class="link dim gray f5 f4-ns dib mr3" href="#" title="Link 2">Link 2</a>
     <a class="link dim gray f5 f4-ns dib mr3" href="#" title="Link 3">Link 3</a>
diff --git a/docs/data/components.json b/docs/data/components.json
index 0e56b48..40e9dfa 100644
--- a/docs/data/components.json
+++ b/docs/data/components.json
@@ -1,4 +1,22 @@
 {
+  "article-lists": [
+    {
+      "name": "title-preview-author-media-flipped",
+      "title": "Title Preview Author Media Flipped",
+      "section": "article-lists",
+      "src": "article-lists/title-preview-author-media-flipped.html",
+      "slug": "/components/article-lists/title-preview-author-media-flipped",
+      "importPath": "../../../components/article-lists/title-preview-author-media-flipped.html"
+    },
+    {
+      "name": "title-preview-author-media",
+      "title": "Title Preview Author Media",
+      "section": "article-lists",
+      "src": "article-lists/title-preview-author-media.html",
+      "slug": "/components/article-lists/title-preview-author-media",
+      "importPath": "../../../components/article-lists/title-preview-author-media.html"
+    }
+  ],
   "articles": [
     {
       "name": "feature",
@@ -89,24 +107,6 @@
       "importPath": "../../../components/articles/title-text.html"
     }
   ],
-  "article-lists": [
-    {
-      "name": "title-preview-author-media-flipped",
-      "title": "Title Preview Author Media Flipped",
-      "section": "article-lists",
-      "src": "article-lists/title-preview-author-media-flipped.html",
-      "slug": "/components/article-lists/title-preview-author-media-flipped",
-      "importPath": "../../../components/article-lists/title-preview-author-media-flipped.html"
-    },
-    {
-      "name": "title-preview-author-media",
-      "title": "Title Preview Author Media",
-      "section": "article-lists",
-      "src": "article-lists/title-preview-author-media.html",
-      "slug": "/components/article-lists/title-preview-author-media",
-      "importPath": "../../../components/article-lists/title-preview-author-media.html"
-    }
-  ],
   "avatars": [
     {
       "name": "circle-border",
@@ -208,14 +208,6 @@
       "slug": "/components/buttons/basic-rounded-extra-small",
       "importPath": "../../../components/buttons/basic-rounded-extra-small.html"
     },
-    {
-      "name": "basic-rounded",
-      "title": "Basic Rounded",
-      "section": "buttons",
-      "src": "buttons/basic-rounded.html",
-      "slug": "/components/buttons/basic-rounded",
-      "importPath": "../../../components/buttons/basic-rounded.html"
-    },
     {
       "name": "basic-rounded-small",
       "title": "Basic Rounded Small",
@@ -224,6 +216,14 @@
       "slug": "/components/buttons/basic-rounded-small",
       "importPath": "../../../components/buttons/basic-rounded-small.html"
     },
+    {
+      "name": "basic-rounded",
+      "title": "Basic Rounded",
+      "section": "buttons",
+      "src": "buttons/basic-rounded.html",
+      "slug": "/components/buttons/basic-rounded",
+      "importPath": "../../../components/buttons/basic-rounded.html"
+    },
     {
       "name": "basic",
       "title": "Basic",
@@ -240,14 +240,6 @@
       "slug": "/components/buttons/centered-icons",
       "importPath": "../../../components/buttons/centered-icons.html"
     },
-    {
-      "name": "pill",
-      "title": "Pill",
-      "section": "buttons",
-      "src": "buttons/pill.html",
-      "slug": "/components/buttons/pill",
-      "importPath": "../../../components/buttons/pill.html"
-    },
     {
       "name": "pill-grow",
       "title": "Pill Grow",
@@ -255,17 +247,17 @@
       "src": "buttons/pill-grow.html",
       "slug": "/components/buttons/pill-grow",
       "importPath": "../../../components/buttons/pill-grow.html"
+    },
+    {
+      "name": "pill",
+      "title": "Pill",
+      "section": "buttons",
+      "src": "buttons/pill.html",
+      "slug": "/components/buttons/pill",
+      "importPath": "../../../components/buttons/pill.html"
     }
   ],
   "cards": [
-    {
-      "name": "album-left",
-      "title": "Album Left",
-      "section": "cards",
-      "src": "cards/album-left.html",
-      "slug": "/components/cards/album-left",
-      "importPath": "../../../components/cards/album-left.html"
-    },
     {
       "name": "album-centered",
       "title": "Album Centered",
@@ -274,6 +266,14 @@
       "slug": "/components/cards/album-centered",
       "importPath": "../../../components/cards/album-centered.html"
     },
+    {
+      "name": "album-left",
+      "title": "Album Left",
+      "section": "cards",
+      "src": "cards/album-left.html",
+      "slug": "/components/cards/album-left",
+      "importPath": "../../../components/cards/album-left.html"
+    },
     {
       "name": "basic-text-card",
       "title": "Basic Text Card",
@@ -348,14 +348,6 @@
       "slug": "/components/collections/movies",
       "importPath": "../../../components/collections/movies.html"
     },
-    {
-      "name": "posters-dim",
-      "title": "Posters Dim",
-      "section": "collections",
-      "src": "collections/posters-dim.html",
-      "slug": "/components/collections/posters-dim",
-      "importPath": "../../../components/collections/posters-dim.html"
-    },
     {
       "name": "posters",
       "title": "Posters",
@@ -364,6 +356,14 @@
       "slug": "/components/collections/posters",
       "importPath": "../../../components/collections/posters.html"
     },
+    {
+      "name": "posters-dim",
+      "title": "Posters Dim",
+      "section": "collections",
+      "src": "collections/posters-dim.html",
+      "slug": "/components/collections/posters-dim",
+      "importPath": "../../../components/collections/posters-dim.html"
+    },
     {
       "name": "square-title-subtitle",
       "title": "Square Title Subtitle",
@@ -458,14 +458,6 @@
       "slug": "/components/footers/social-simple-text",
       "importPath": "../../../components/footers/social-simple-text.html"
     },
-    {
-      "name": "social-text",
-      "title": "Social Text",
-      "section": "footers",
-      "src": "footers/social-text.html",
-      "slug": "/components/footers/social-text",
-      "importPath": "../../../components/footers/social-text.html"
-    },
     {
       "name": "social-simple",
       "title": "Social Simple",
@@ -474,6 +466,14 @@
       "slug": "/components/footers/social-simple",
       "importPath": "../../../components/footers/social-simple.html"
     },
+    {
+      "name": "social-text",
+      "title": "Social Text",
+      "section": "footers",
+      "src": "footers/social-text.html",
+      "slug": "/components/footers/social-text",
+      "importPath": "../../../components/footers/social-text.html"
+    },
     {
       "name": "social",
       "title": "Social",
@@ -575,6 +575,40 @@
       "importPath": "../../../components/headers/startup-hero.html"
     }
   ],
+  "links": [
+    {
+      "name": "animate-background-color",
+      "title": "Animate Background Color",
+      "section": "links",
+      "src": "links/animate-background-color.html",
+      "slug": "/components/links/animate-background-color",
+      "importPath": "../../../components/links/animate-background-color.html"
+    },
+    {
+      "name": "animate-color",
+      "title": "Animate Color",
+      "section": "links",
+      "src": "links/animate-color.html",
+      "slug": "/components/links/animate-color",
+      "importPath": "../../../components/links/animate-color.html"
+    },
+    {
+      "name": "dim-no-underline",
+      "title": "Dim No Underline",
+      "section": "links",
+      "src": "links/dim-no-underline.html",
+      "slug": "/components/links/dim-no-underline",
+      "importPath": "../../../components/links/dim-no-underline.html"
+    },
+    {
+      "name": "underline-on-hover",
+      "title": "Underline On Hover",
+      "section": "links",
+      "src": "links/underline-on-hover.html",
+      "slug": "/components/links/underline-on-hover",
+      "importPath": "../../../components/links/underline-on-hover.html"
+    }
+  ],
   "layout": [
     {
       "name": "aspect-ratio-16x9",
@@ -600,14 +634,6 @@
       "slug": "/components/layout/aspect-ratio-3x4",
       "importPath": "../../../components/layout/aspect-ratio-3x4.html"
     },
-    {
-      "name": "aspect-ratio-4x6",
-      "title": "Aspect Ratio 4x6",
-      "section": "layout",
-      "src": "layout/aspect-ratio-4x6.html",
-      "slug": "/components/layout/aspect-ratio-4x6",
-      "importPath": "../../../components/layout/aspect-ratio-4x6.html"
-    },
     {
       "name": "aspect-ratio-4x3",
       "title": "Aspect Ratio 4x3",
@@ -616,6 +642,14 @@
       "slug": "/components/layout/aspect-ratio-4x3",
       "importPath": "../../../components/layout/aspect-ratio-4x3.html"
     },
+    {
+      "name": "aspect-ratio-4x6",
+      "title": "Aspect Ratio 4x6",
+      "section": "layout",
+      "src": "layout/aspect-ratio-4x6.html",
+      "slug": "/components/layout/aspect-ratio-4x6",
+      "importPath": "../../../components/layout/aspect-ratio-4x6.html"
+    },
     {
       "name": "aspect-ratio-5x7",
       "title": "Aspect Ratio 5x7",
@@ -905,40 +939,6 @@
       "importPath": "../../../components/layout/two-column.html"
     }
   ],
-  "links": [
-    {
-      "name": "animate-background-color",
-      "title": "Animate Background Color",
-      "section": "links",
-      "src": "links/animate-background-color.html",
-      "slug": "/components/links/animate-background-color",
-      "importPath": "../../../components/links/animate-background-color.html"
-    },
-    {
-      "name": "animate-color",
-      "title": "Animate Color",
-      "section": "links",
-      "src": "links/animate-color.html",
-      "slug": "/components/links/animate-color",
-      "importPath": "../../../components/links/animate-color.html"
-    },
-    {
-      "name": "dim-no-underline",
-      "title": "Dim No Underline",
-      "section": "links",
-      "src": "links/dim-no-underline.html",
-      "slug": "/components/links/dim-no-underline",
-      "importPath": "../../../components/links/dim-no-underline.html"
-    },
-    {
-      "name": "underline-on-hover",
-      "title": "Underline On Hover",
-      "section": "links",
-      "src": "links/underline-on-hover.html",
-      "slug": "/components/links/underline-on-hover",
-      "importPath": "../../../components/links/underline-on-hover.html"
-    }
-  ],
   "marketing": [
     {
       "name": "iphone-app",
@@ -1179,24 +1179,6 @@
       "importPath": "../../../components/pages/swiss-cover-five-columns.html"
     }
   ],
-  "quotes": [
-    {
-      "name": "left-border",
-      "title": "Left Border",
-      "section": "quotes",
-      "src": "quotes/left-border.html",
-      "slug": "/components/quotes/left-border",
-      "importPath": "../../../components/quotes/left-border.html"
-    },
-    {
-      "name": "pull-quote",
-      "title": "Pull Quote",
-      "section": "quotes",
-      "src": "quotes/pull-quote.html",
-      "slug": "/components/quotes/pull-quote",
-      "importPath": "../../../components/quotes/pull-quote.html"
-    }
-  ],
   "tables": [
     {
       "name": "basic",
@@ -1215,6 +1197,24 @@
       "importPath": "../../../components/tables/striped-dark.html"
     }
   ],
+  "quotes": [
+    {
+      "name": "left-border",
+      "title": "Left Border",
+      "section": "quotes",
+      "src": "quotes/left-border.html",
+      "slug": "/components/quotes/left-border",
+      "importPath": "../../../components/quotes/left-border.html"
+    },
+    {
+      "name": "pull-quote",
+      "title": "Pull Quote",
+      "section": "quotes",
+      "src": "quotes/pull-quote.html",
+      "slug": "/components/quotes/pull-quote",
+      "importPath": "../../../components/quotes/pull-quote.html"
+    }
+  ],
   "text": [
     {
       "name": "large-paragraph",
diff --git a/docs/data/modules.json b/docs/data/modules.json
index c36f7b6..ef64f1a 100644
--- a/docs/data/modules.json
+++ b/docs/data/modules.json
@@ -6492,92 +6492,92 @@
       "metadata": {},
       "tableOfStyles": [
         {
-          "selector": ".tracked",
-          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
-          "declarations": [
-            "letter-spacing: .1em"
-          ]
-        },
-        {
-          "selector": ".tracked-tight",
+          "selector": ".ls1",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: -.05em"
           ]
         },
         {
-          "selector": ".tracked-mega",
+          "selector": ".ls2",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
+          "declarations": [
+            "letter-spacing: .1em"
+          ]
+        },
+        {
+          "selector": ".ls3",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: .25em"
           ]
         },
         {
-          "selector": ".tracked-s",
-          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
-          "declarations": [
-            "letter-spacing: .1em"
-          ]
-        },
-        {
-          "selector": ".tracked-tight-s",
+          "selector": ".ls1-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: -.05em"
           ]
         },
         {
-          "selector": ".tracked-mega-s",
+          "selector": ".ls2-s",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
+          "declarations": [
+            "letter-spacing: .1em"
+          ]
+        },
+        {
+          "selector": ".ls3-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: .25em"
           ]
         },
         {
-          "selector": ".tracked-m",
-          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
-          "declarations": [
-            "letter-spacing: .1em"
-          ]
-        },
-        {
-          "selector": ".tracked-tight-m",
+          "selector": ".ls1-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: -.05em"
           ]
         },
         {
-          "selector": ".tracked-mega-m",
+          "selector": ".ls2-m",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
+          "declarations": [
+            "letter-spacing: .1em"
+          ]
+        },
+        {
+          "selector": ".ls3-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: .25em"
           ]
         },
         {
-          "selector": ".tracked-l",
-          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
-          "declarations": [
-            "letter-spacing: .1em"
-          ]
-        },
-        {
-          "selector": ".tracked-tight-l",
+          "selector": ".ls1-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: -.05em"
           ]
         },
         {
-          "selector": ".tracked-mega-l",
+          "selector": ".ls2-l",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
+          "declarations": [
+            "letter-spacing: .1em"
+          ]
+        },
+        {
+          "selector": ".ls3-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-letter-spacing",
           "declarations": [
             "letter-spacing: .25em"
           ]
         }
       ],
-      "readme": "\n\n# LETTER SPACING\n\n### Docs\n\nhttp://tachyons.io/docs/typography/tracking/\n\n### Base\n\n- tracked\n\n### Literal Values\n\n- `-tight`\n- `-mega`\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
-      "src": "/*!!!\n\n# LETTER SPACING\n\n### Docs\n\nhttp://tachyons.io/docs/typography/tracking/\n\n### Base\n\n- tracked\n\n### Literal Values\n\n- `-tight`\n- `-mega`\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n.tracked       { letter-spacing:  .1em; }\n.tracked-tight { letter-spacing: -.05em; }\n.tracked-mega  { letter-spacing:  .25em; }\n\n@media (--breakpoint-small) {\n  .tracked-s       { letter-spacing:  .1em; }\n  .tracked-tight-s { letter-spacing: -.05em; }\n  .tracked-mega-s  { letter-spacing:  .25em; }\n}\n\n@media (--breakpoint-medium) {\n  .tracked-m       { letter-spacing:  .1em; }\n  .tracked-tight-m { letter-spacing: -.05em; }\n  .tracked-mega-m  { letter-spacing:  .25em; }\n}\n\n@media (--breakpoint-large) {\n  .tracked-l       { letter-spacing:  .1em; }\n  .tracked-tight-l { letter-spacing: -.05em; }\n  .tracked-mega-l  { letter-spacing:  .25em; }\n}\n",
+      "readme": "\n\n# LETTER SPACING\n\n### Docs\n\nhttp://tachyons.io/docs/typography/tracking/\n\n### Base\n\n- ls\n\n### Modifiers\n\n- 1 = 1st step in spacing scale\n- 2 = 2nd step in spacing scale\n- 3 = 3rd step in spacing scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
+      "src": "/*!!!\n\n# LETTER SPACING\n\n### Docs\n\nhttp://tachyons.io/docs/typography/tracking/\n\n### Base\n\n- ls\n\n### Modifiers\n\n- 1 = 1st step in spacing scale\n- 2 = 2nd step in spacing scale\n- 3 = 3rd step in spacing scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n.ls1 { letter-spacing: -.05em; }\n.ls2 { letter-spacing:  .1em; }\n.ls3 { letter-spacing:  .25em; }\n\n@media (--breakpoint-small) {\n  .ls1-s { letter-spacing: -.05em; }\n  .ls2-s { letter-spacing:  .1em; }\n  .ls3-s { letter-spacing:  .25em; }\n}\n\n@media (--breakpoint-medium) {\n  .ls1-m { letter-spacing: -.05em; }\n  .ls2-m { letter-spacing:  .1em; }\n  .ls3-m { letter-spacing:  .25em; }\n}\n\n@media (--breakpoint-large) {\n  .ls1-l { letter-spacing: -.05em; }\n  .ls2-l { letter-spacing:  .1em; }\n  .ls3-l { letter-spacing:  .25em; }\n}\n",
       "css": "/*\n\n   LETTER SPACING\n\n*/\n.tracked { letter-spacing: .1em; }\n.tracked-tight { letter-spacing: -.05em; }\n.tracked-mega { letter-spacing: .25em; }\n@media screen and (min-width: 30em) {\n .tracked-ns { letter-spacing: .1em; }\n .tracked-tight-ns { letter-spacing: -.05em; }\n .tracked-mega-ns { letter-spacing: .25em; }\n}\n@media screen and (min-width: 30em) and (max-width: 60em) {\n .tracked-m { letter-spacing: .1em; }\n .tracked-tight-m { letter-spacing: -.05em; }\n .tracked-mega-m { letter-spacing: .25em; }\n}\n@media screen and (min-width: 60em) {\n .tracked-l { letter-spacing: .1em; }\n .tracked-tight-l { letter-spacing: -.05em; }\n .tracked-mega-l { letter-spacing: .25em; }\n}\n\n"
     },
     "tachyons-line-height": {
@@ -14205,6 +14205,13 @@
             "padding-right: var(--spacing-7)"
           ]
         },
+        {
+          "selector": ".mt-auto",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-top: auto"
+          ]
+        },
         {
           "selector": ".mr-auto",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -14212,6 +14219,13 @@
             "margin-right: auto"
           ]
         },
+        {
+          "selector": ".mb-auto",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-bottom: auto"
+          ]
+        },
         {
           "selector": ".ml-auto",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -15035,6 +15049,13 @@
             "padding-right: var(--spacing-7)"
           ]
         },
+        {
+          "selector": ".mt-auto-s",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-top: auto"
+          ]
+        },
         {
           "selector": ".mr-auto-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -15042,6 +15063,13 @@
             "margin-right: auto"
           ]
         },
+        {
+          "selector": ".mb-auto-s",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-bottom: auto"
+          ]
+        },
         {
           "selector": ".ml-auto-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -15865,6 +15893,13 @@
             "padding-right: var(--spacing-7)"
           ]
         },
+        {
+          "selector": ".mt-auto-m",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-top: auto"
+          ]
+        },
         {
           "selector": ".mr-auto-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -15872,6 +15907,13 @@
             "margin-right: auto"
           ]
         },
+        {
+          "selector": ".mb-auto-m",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-bottom: auto"
+          ]
+        },
         {
           "selector": ".ml-auto-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -16695,6 +16737,13 @@
             "padding-right: var(--spacing-7)"
           ]
         },
+        {
+          "selector": ".mt-auto-l",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-top: auto"
+          ]
+        },
         {
           "selector": ".mr-auto-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -16702,6 +16751,13 @@
             "margin-right: auto"
           ]
         },
+        {
+          "selector": ".mb-auto-l",
+          "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
+          "declarations": [
+            "margin-bottom: auto"
+          ]
+        },
         {
           "selector": ".ml-auto-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-spacing",
@@ -17119,7 +17175,7 @@
         }
       ],
       "readme": "\n\n# SPACING\n\nAn eight step powers of two scale ranging from 0 to 16rem.\n\n### Docs\n\nhttp://tachyons.io/docs/layout/spacing/\n\n### Base\n\n- p = padding\n- m = margin\n\n### Modifiers\n\n- h = horizontal\n- v = vertical\n- t = top\n- r = right\n- b = bottom\n- l = left\n\n- 0 = none\n- 1 = 1st step in spacing scale\n- 2 = 2nd step in spacing scale\n- 3 = 3rd step in spacing scale\n- 4 = 4th step in spacing scale\n- 5 = 5th step in spacing scale\n- 6 = 6th step in spacing scale\n- 7 = 7th step in spacing scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
-      "src": "/*!!!\n\n# SPACING\n\nAn eight step powers of two scale ranging from 0 to 16rem.\n\n### Docs\n\nhttp://tachyons.io/docs/layout/spacing/\n\n### Base\n\n- p = padding\n- m = margin\n\n### Modifiers\n\n- h = horizontal\n- v = vertical\n- t = top\n- r = right\n- b = bottom\n- l = left\n\n- 0 = none\n- 1 = 1st step in spacing scale\n- 2 = 2nd step in spacing scale\n- 3 = 3rd step in spacing scale\n- 4 = 4th step in spacing scale\n- 5 = 5th step in spacing scale\n- 6 = 6th step in spacing scale\n- 7 = 7th step in spacing scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n/* Variables */\n\n:root {\n  --spacing-0: 0;\n  --spacing-1: .25rem;\n  --spacing-2: .5rem;\n  --spacing-3: 1rem;\n  --spacing-4: 2rem;\n  --spacing-5: 4rem;\n  --spacing-6: 8rem;\n  --spacing-7: 16rem;\n}\n\n.p0 { padding: var(--spacing-0); }\n.p1 { padding: var(--spacing-1); }\n.p2 { padding: var(--spacing-2); }\n.p3 { padding: var(--spacing-3); }\n.p4 { padding: var(--spacing-4); }\n.p5 { padding: var(--spacing-5); }\n.p6 { padding: var(--spacing-6); }\n.p7 { padding: var(--spacing-7); }\n\n.pl0 { padding-left: var(--spacing-0); }\n.pl1 { padding-left: var(--spacing-1); }\n.pl2 { padding-left: var(--spacing-2); }\n.pl3 { padding-left: var(--spacing-3); }\n.pl4 { padding-left: var(--spacing-4); }\n.pl5 { padding-left: var(--spacing-5); }\n.pl6 { padding-left: var(--spacing-6); }\n.pl7 { padding-left: var(--spacing-7); }\n\n.pr0 { padding-right: var(--spacing-0); }\n.pr1 { padding-right: var(--spacing-1); }\n.pr2 { padding-right: var(--spacing-2); }\n.pr3 { padding-right: var(--spacing-3); }\n.pr4 { padding-right: var(--spacing-4); }\n.pr5 { padding-right: var(--spacing-5); }\n.pr6 { padding-right: var(--spacing-6); }\n.pr7 { padding-right: var(--spacing-7); }\n\n.pb0 { padding-bottom: var(--spacing-0); }\n.pb1 { padding-bottom: var(--spacing-1); }\n.pb2 { padding-bottom: var(--spacing-2); }\n.pb3 { padding-bottom: var(--spacing-3); }\n.pb4 { padding-bottom: var(--spacing-4); }\n.pb5 { padding-bottom: var(--spacing-5); }\n.pb6 { padding-bottom: var(--spacing-6); }\n.pb7 { padding-bottom: var(--spacing-7); }\n\n.pt0 { padding-top: var(--spacing-0); }\n.pt1 { padding-top: var(--spacing-1); }\n.pt2 { padding-top: var(--spacing-2); }\n.pt3 { padding-top: var(--spacing-3); }\n.pt4 { padding-top: var(--spacing-4); }\n.pt5 { padding-top: var(--spacing-5); }\n.pt6 { padding-top: var(--spacing-6); }\n.pt7 { padding-top: var(--spacing-7); }\n\n.pv0 {\n  padding-top: var(--spacing-0);\n  padding-bottom: var(--spacing-0);\n}\n.pv1 {\n  padding-top: var(--spacing-1);\n  padding-bottom: var(--spacing-1);\n}\n.pv2 {\n  padding-top: var(--spacing-2);\n  padding-bottom: var(--spacing-2);\n}\n.pv3 {\n  padding-top: var(--spacing-3);\n  padding-bottom: var(--spacing-3);\n}\n.pv4 {\n  padding-top: var(--spacing-4);\n  padding-bottom: var(--spacing-4);\n}\n.pv5 {\n  padding-top: var(--spacing-5);\n  padding-bottom: var(--spacing-5);\n}\n.pv6 {\n  padding-top: var(--spacing-6);\n  padding-bottom: var(--spacing-6);\n}\n\n.pv7 {\n  padding-top: var(--spacing-7);\n  padding-bottom: var(--spacing-7);\n}\n\n.ph0 {\n  padding-left: var(--spacing-0);\n  padding-right: var(--spacing-0);\n}\n\n.ph1 {\n  padding-left: var(--spacing-1);\n  padding-right: var(--spacing-1);\n}\n\n.ph2 {\n  padding-left: var(--spacing-2);\n  padding-right: var(--spacing-2);\n}\n\n.ph3 {\n  padding-left: var(--spacing-3);\n  padding-right: var(--spacing-3);\n}\n\n.ph4 {\n  padding-left: var(--spacing-4);\n  padding-right: var(--spacing-4);\n}\n\n.ph5 {\n  padding-left: var(--spacing-5);\n  padding-right: var(--spacing-5);\n}\n\n.ph6 {\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n}\n\n.ph7 {\n  padding-left: var(--spacing-7);\n  padding-right: var(--spacing-7);\n}\n\n.mr-auto { margin-right: auto; }\n.ml-auto { margin-left:  auto; }\n\n.m0  {  margin: var(--spacing-0); }\n.m1 {  margin: var(--spacing-1); }\n.m2  {  margin: var(--spacing-2); }\n.m3  {  margin: var(--spacing-3); }\n.m4  {  margin: var(--spacing-4); }\n.m5  {  margin: var(--spacing-5); }\n.m6 {  margin: var(--spacing-6); }\n.m7 { margin: var(--spacing-7); }\n\n.ml0  {  margin-left: var(--spacing-0); }\n.ml1 {  margin-left: var(--spacing-1); }\n.ml2  {  margin-left: var(--spacing-2); }\n.ml3  {  margin-left: var(--spacing-3); }\n.ml4  {  margin-left: var(--spacing-4); }\n.ml5  {  margin-left: var(--spacing-5); }\n.ml6 {  margin-left: var(--spacing-6); }\n.ml7 { margin-left: var(--spacing-7); }\n\n.mr0  {  margin-right: var(--spacing-0); }\n.mr1 {  margin-right: var(--spacing-1); }\n.mr2  {  margin-right: var(--spacing-2); }\n.mr3  {  margin-right: var(--spacing-3); }\n.mr4  {  margin-right: var(--spacing-4); }\n.mr5  {  margin-right: var(--spacing-5); }\n.mr6 {  margin-right: var(--spacing-6); }\n.mr7 { margin-right: var(--spacing-7); }\n\n.mb0  {  margin-bottom: var(--spacing-0); }\n.mb1 {  margin-bottom: var(--spacing-1); }\n.mb2  {  margin-bottom: var(--spacing-2); }\n.mb3  {  margin-bottom: var(--spacing-3); }\n.mb4  {  margin-bottom: var(--spacing-4); }\n.mb5  {  margin-bottom: var(--spacing-5); }\n.mb6 {  margin-bottom: var(--spacing-6); }\n.mb7 { margin-bottom: var(--spacing-7); }\n\n.mt0  {  margin-top: var(--spacing-0); }\n.mt1 {  margin-top: var(--spacing-1); }\n.mt2  {  margin-top: var(--spacing-2); }\n.mt3  {  margin-top: var(--spacing-3); }\n.mt4  {  margin-top: var(--spacing-4); }\n.mt5  {  margin-top: var(--spacing-5); }\n.mt6 {  margin-top: var(--spacing-6); }\n.mt7 { margin-top: var(--spacing-7); }\n\n.mv0   {\n  margin-top: var(--spacing-0);\n  margin-bottom: var(--spacing-0);\n}\n.mv1  {\n  margin-top: var(--spacing-1);\n  margin-bottom: var(--spacing-1);\n}\n.mv2   {\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n}\n.mv3   {\n  margin-top: var(--spacing-3);\n  margin-bottom: var(--spacing-3);\n}\n.mv4   {\n  margin-top: var(--spacing-4);\n  margin-bottom: var(--spacing-4);\n}\n.mv5   {\n  margin-top: var(--spacing-5);\n  margin-bottom: var(--spacing-5);\n}\n.mv6  {\n  margin-top: var(--spacing-6);\n  margin-bottom: var(--spacing-6);\n}\n.mv7  {\n  margin-top: var(--spacing-7);\n  margin-bottom: var(--spacing-7);\n}\n\n.mh0   {\n  margin-left: var(--spacing-0);\n  margin-right: var(--spacing-0);\n}\n.mh1   {\n  margin-left: var(--spacing-1);\n  margin-right: var(--spacing-1);\n}\n.mh2   {\n  margin-left: var(--spacing-2);\n  margin-right: var(--spacing-2);\n}\n.mh3   {\n  margin-left: var(--spacing-3);\n  margin-right: var(--spacing-3);\n}\n.mh4   {\n  margin-left: var(--spacing-4);\n  margin-right: var(--spacing-4);\n}\n.mh5   {\n  margin-left: var(--spacing-5);\n  margin-right: var(--spacing-5);\n}\n.mh6  {\n  margin-left: var(--spacing-6);\n  margin-right: var(--spacing-6);\n}\n.mh7  {\n  margin-left: var(--spacing-7);\n  margin-right: var(--spacing-7);\n}\n\n\n@media (--breakpoint-small) {\n  .p0-s  {  padding: var(--spacing-0); }\n  .p1-s {  padding: var(--spacing-1); }\n  .p2-s  {  padding: var(--spacing-2); }\n  .p3-s  {  padding: var(--spacing-3); }\n  .p4-s  {  padding: var(--spacing-4); }\n  .p5-s  {  padding: var(--spacing-5); }\n  .p6-s {  padding: var(--spacing-6); }\n  .p7-s { padding: var(--spacing-7); }\n\n  .pl0-s  {  padding-left: var(--spacing-0); }\n  .pl1-s {  padding-left: var(--spacing-1); }\n  .pl2-s  {  padding-left: var(--spacing-2); }\n  .pl3-s  {  padding-left: var(--spacing-3); }\n  .pl4-s  {  padding-left: var(--spacing-4); }\n  .pl5-s  {  padding-left: var(--spacing-5); }\n  .pl6-s {  padding-left: var(--spacing-6); }\n  .pl7-s { padding-left: var(--spacing-7); }\n\n  .pr0-s  {  padding-right: var(--spacing-0); }\n  .pr1-s {  padding-right: var(--spacing-1); }\n  .pr2-s  {  padding-right: var(--spacing-2); }\n  .pr3-s  {  padding-right: var(--spacing-3); }\n  .pr4-s  {  padding-right: var(--spacing-4); }\n  .pr5-s  {  padding-right: var(--spacing-5); }\n  .pr6-s {  padding-right: var(--spacing-6); }\n  .pr7-s { padding-right: var(--spacing-7); }\n\n  .pb0-s  {  padding-bottom: var(--spacing-0); }\n  .pb1-s {  padding-bottom: var(--spacing-1); }\n  .pb2-s  {  padding-bottom: var(--spacing-2); }\n  .pb3-s  {  padding-bottom: var(--spacing-3); }\n  .pb4-s  {  padding-bottom: var(--spacing-4); }\n  .pb5-s  {  padding-bottom: var(--spacing-5); }\n  .pb6-s {  padding-bottom: var(--spacing-6); }\n  .pb7-s { padding-bottom: var(--spacing-7); }\n\n  .pt0-s  {  padding-top: var(--spacing-0); }\n  .pt1-s {  padding-top: var(--spacing-1); }\n  .pt2-s  {  padding-top: var(--spacing-2); }\n  .pt3-s  {  padding-top: var(--spacing-3); }\n  .pt4-s  {  padding-top: var(--spacing-4); }\n  .pt5-s  {  padding-top: var(--spacing-5); }\n  .pt6-s {  padding-top: var(--spacing-6); }\n  .pt7-s { padding-top: var(--spacing-7); }\n\n  .pv0-s {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-s {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-s {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-s {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-s {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-s {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-s {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-s {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-s {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-s {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-s {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-s {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-s {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-s {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-s {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-s {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mr-auto-s { margin-right: auto; }\n  .ml-auto-s { margin-left:  auto; }\n\n  .m0-s  {  margin: var(--spacing-0); }\n  .m1-s {  margin: var(--spacing-1); }\n  .m2-s  {  margin: var(--spacing-2); }\n  .m3-s  {  margin: var(--spacing-3); }\n  .m4-s  {  margin: var(--spacing-4); }\n  .m5-s  {  margin: var(--spacing-5); }\n  .m6-s {  margin: var(--spacing-6); }\n  .m7-s { margin: var(--spacing-7); }\n\n  .ml0-s  {  margin-left: var(--spacing-0); }\n  .ml1-s {  margin-left: var(--spacing-1); }\n  .ml2-s  {  margin-left: var(--spacing-2); }\n  .ml3-s  {  margin-left: var(--spacing-3); }\n  .ml4-s  {  margin-left: var(--spacing-4); }\n  .ml5-s  {  margin-left: var(--spacing-5); }\n  .ml6-s {  margin-left: var(--spacing-6); }\n  .ml7-s { margin-left: var(--spacing-7); }\n\n  .mr0-s  {  margin-right: var(--spacing-0); }\n  .mr1-s {  margin-right: var(--spacing-1); }\n  .mr2-s  {  margin-right: var(--spacing-2); }\n  .mr3-s  {  margin-right: var(--spacing-3); }\n  .mr4-s  {  margin-right: var(--spacing-4); }\n  .mr5-s  {  margin-right: var(--spacing-5); }\n  .mr6-s {  margin-right: var(--spacing-6); }\n  .mr7-s { margin-right: var(--spacing-7); }\n\n  .mb0-s  {  margin-bottom: var(--spacing-0); }\n  .mb1-s {  margin-bottom: var(--spacing-1); }\n  .mb2-s  {  margin-bottom: var(--spacing-2); }\n  .mb3-s  {  margin-bottom: var(--spacing-3); }\n  .mb4-s  {  margin-bottom: var(--spacing-4); }\n  .mb5-s  {  margin-bottom: var(--spacing-5); }\n  .mb6-s {  margin-bottom: var(--spacing-6); }\n  .mb7-s { margin-bottom: var(--spacing-7); }\n\n  .mt0-s  {  margin-top: var(--spacing-0); }\n  .mt1-s {  margin-top: var(--spacing-1); }\n  .mt2-s  {  margin-top: var(--spacing-2); }\n  .mt3-s  {  margin-top: var(--spacing-3); }\n  .mt4-s  {  margin-top: var(--spacing-4); }\n  .mt5-s  {  margin-top: var(--spacing-5); }\n  .mt6-s {  margin-top: var(--spacing-6); }\n  .mt7-s { margin-top: var(--spacing-7); }\n\n  .mv0-s {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-s {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-s {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-s {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-s {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-s {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-s {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-s {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-s {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-s {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-s {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-s {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-s {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-s {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-s {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-s {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n\n@media (--breakpoint-medium) {\n  .p0-m  {  padding: var(--spacing-0); }\n  .p1-m {  padding: var(--spacing-1); }\n  .p2-m  {  padding: var(--spacing-2); }\n  .p3-m  {  padding: var(--spacing-3); }\n  .p4-m  {  padding: var(--spacing-4); }\n  .p5-m  {  padding: var(--spacing-5); }\n  .p6-m {  padding: var(--spacing-6); }\n  .p7-m { padding: var(--spacing-7); }\n\n  .pl0-m  {  padding-left: var(--spacing-0); }\n  .pl1-m {  padding-left: var(--spacing-1); }\n  .pl2-m  {  padding-left: var(--spacing-2); }\n  .pl3-m  {  padding-left: var(--spacing-3); }\n  .pl4-m  {  padding-left: var(--spacing-4); }\n  .pl5-m  {  padding-left: var(--spacing-5); }\n  .pl6-m {  padding-left: var(--spacing-6); }\n  .pl7-m { padding-left: var(--spacing-7); }\n\n  .pr0-m  {  padding-right: var(--spacing-0); }\n  .pr1-m {  padding-right: var(--spacing-1); }\n  .pr2-m  {  padding-right: var(--spacing-2); }\n  .pr3-m  {  padding-right: var(--spacing-3); }\n  .pr4-m  {  padding-right: var(--spacing-4); }\n  .pr5-m  {  padding-right: var(--spacing-5); }\n  .pr6-m {  padding-right: var(--spacing-6); }\n  .pr7-m { padding-right: var(--spacing-7); }\n\n  .pb0-m  {  padding-bottom: var(--spacing-0); }\n  .pb1-m {  padding-bottom: var(--spacing-1); }\n  .pb2-m  {  padding-bottom: var(--spacing-2); }\n  .pb3-m  {  padding-bottom: var(--spacing-3); }\n  .pb4-m  {  padding-bottom: var(--spacing-4); }\n  .pb5-m  {  padding-bottom: var(--spacing-5); }\n  .pb6-m {  padding-bottom: var(--spacing-6); }\n  .pb7-m { padding-bottom: var(--spacing-7); }\n\n  .pt0-m  {  padding-top: var(--spacing-0); }\n  .pt1-m {  padding-top: var(--spacing-1); }\n  .pt2-m  {  padding-top: var(--spacing-2); }\n  .pt3-m  {  padding-top: var(--spacing-3); }\n  .pt4-m  {  padding-top: var(--spacing-4); }\n  .pt5-m  {  padding-top: var(--spacing-5); }\n  .pt6-m {  padding-top: var(--spacing-6); }\n  .pt7-m { padding-top: var(--spacing-7); }\n\n  .pv0-m {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-m {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-m {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-m {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-m {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-m {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-m {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-m {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-m {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-m {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-m {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-m {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-m {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-m {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-m {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-m {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mr-auto-m { margin-right: auto; }\n  .ml-auto-m { margin-left:  auto; }\n\n  .m0-m  {  margin: var(--spacing-0); }\n  .m1-m {  margin: var(--spacing-1); }\n  .m2-m  {  margin: var(--spacing-2); }\n  .m3-m  {  margin: var(--spacing-3); }\n  .m4-m  {  margin: var(--spacing-4); }\n  .m5-m  {  margin: var(--spacing-5); }\n  .m6-m {  margin: var(--spacing-6); }\n  .m7-m { margin: var(--spacing-7); }\n\n  .ml0-m  {  margin-left: var(--spacing-0); }\n  .ml1-m {  margin-left: var(--spacing-1); }\n  .ml2-m  {  margin-left: var(--spacing-2); }\n  .ml3-m  {  margin-left: var(--spacing-3); }\n  .ml4-m  {  margin-left: var(--spacing-4); }\n  .ml5-m  {  margin-left: var(--spacing-5); }\n  .ml6-m {  margin-left: var(--spacing-6); }\n  .ml7-m { margin-left: var(--spacing-7); }\n\n  .mr0-m  {  margin-right: var(--spacing-0); }\n  .mr1-m {  margin-right: var(--spacing-1); }\n  .mr2-m  {  margin-right: var(--spacing-2); }\n  .mr3-m  {  margin-right: var(--spacing-3); }\n  .mr4-m  {  margin-right: var(--spacing-4); }\n  .mr5-m  {  margin-right: var(--spacing-5); }\n  .mr6-m {  margin-right: var(--spacing-6); }\n  .mr7-m { margin-right: var(--spacing-7); }\n\n  .mb0-m  {  margin-bottom: var(--spacing-0); }\n  .mb1-m {  margin-bottom: var(--spacing-1); }\n  .mb2-m  {  margin-bottom: var(--spacing-2); }\n  .mb3-m  {  margin-bottom: var(--spacing-3); }\n  .mb4-m  {  margin-bottom: var(--spacing-4); }\n  .mb5-m  {  margin-bottom: var(--spacing-5); }\n  .mb6-m {  margin-bottom: var(--spacing-6); }\n  .mb7-m { margin-bottom: var(--spacing-7); }\n\n  .mt0-m  {  margin-top: var(--spacing-0); }\n  .mt1-m {  margin-top: var(--spacing-1); }\n  .mt2-m  {  margin-top: var(--spacing-2); }\n  .mt3-m  {  margin-top: var(--spacing-3); }\n  .mt4-m  {  margin-top: var(--spacing-4); }\n  .mt5-m  {  margin-top: var(--spacing-5); }\n  .mt6-m {  margin-top: var(--spacing-6); }\n  .mt7-m { margin-top: var(--spacing-7); }\n\n  .mv0-m {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-m {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-m {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-m {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-m {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-m {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-m {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-m {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-m {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-m {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-m {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-m {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-m {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-m {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-m {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-m {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n\n@media (--breakpoint-large) {\n  .p0-l  {  padding: var(--spacing-0); }\n  .p1-l {  padding: var(--spacing-1); }\n  .p2-l  {  padding: var(--spacing-2); }\n  .p3-l  {  padding: var(--spacing-3); }\n  .p4-l  {  padding: var(--spacing-4); }\n  .p5-l  {  padding: var(--spacing-5); }\n  .p6-l {  padding: var(--spacing-6); }\n  .p7-l { padding: var(--spacing-7); }\n\n  .pl0-l  {  padding-left: var(--spacing-0); }\n  .pl1-l {  padding-left: var(--spacing-1); }\n  .pl2-l  {  padding-left: var(--spacing-2); }\n  .pl3-l  {  padding-left: var(--spacing-3); }\n  .pl4-l  {  padding-left: var(--spacing-4); }\n  .pl5-l  {  padding-left: var(--spacing-5); }\n  .pl6-l {  padding-left: var(--spacing-6); }\n  .pl7-l { padding-left: var(--spacing-7); }\n\n  .pr0-l  {  padding-right: var(--spacing-0); }\n  .pr1-l {  padding-right: var(--spacing-1); }\n  .pr2-l  {  padding-right: var(--spacing-2); }\n  .pr3-l  {  padding-right: var(--spacing-3); }\n  .pr4-l  {  padding-right: var(--spacing-4); }\n  .pr5-l  {  padding-right: var(--spacing-5); }\n  .pr6-l {  padding-right: var(--spacing-6); }\n  .pr7-l { padding-right: var(--spacing-7); }\n\n  .pb0-l  {  padding-bottom: var(--spacing-0); }\n  .pb1-l {  padding-bottom: var(--spacing-1); }\n  .pb2-l  {  padding-bottom: var(--spacing-2); }\n  .pb3-l  {  padding-bottom: var(--spacing-3); }\n  .pb4-l  {  padding-bottom: var(--spacing-4); }\n  .pb5-l  {  padding-bottom: var(--spacing-5); }\n  .pb6-l {  padding-bottom: var(--spacing-6); }\n  .pb7-l { padding-bottom: var(--spacing-7); }\n\n  .pt0-l  {  padding-top: var(--spacing-0); }\n  .pt1-l {  padding-top: var(--spacing-1); }\n  .pt2-l  {  padding-top: var(--spacing-2); }\n  .pt3-l  {  padding-top: var(--spacing-3); }\n  .pt4-l  {  padding-top: var(--spacing-4); }\n  .pt5-l  {  padding-top: var(--spacing-5); }\n  .pt6-l {  padding-top: var(--spacing-6); }\n  .pt7-l { padding-top: var(--spacing-7); }\n\n  .pv0-l {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-l {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-l {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-l {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-l {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-l {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-l {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-l {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-l {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-l {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-l {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-l {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-l {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-l {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-l {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-l {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mr-auto-l { margin-right: auto; }\n  .ml-auto-l { margin-left:  auto; }\n\n  .m0-l  {  margin: var(--spacing-0); }\n  .m1-l {  margin: var(--spacing-1); }\n  .m2-l  {  margin: var(--spacing-2); }\n  .m3-l  {  margin: var(--spacing-3); }\n  .m4-l  {  margin: var(--spacing-4); }\n  .m5-l  {  margin: var(--spacing-5); }\n  .m6-l {  margin: var(--spacing-6); }\n  .m7-l { margin: var(--spacing-7); }\n\n  .ml0-l  {  margin-left: var(--spacing-0); }\n  .ml1-l {  margin-left: var(--spacing-1); }\n  .ml2-l  {  margin-left: var(--spacing-2); }\n  .ml3-l  {  margin-left: var(--spacing-3); }\n  .ml4-l  {  margin-left: var(--spacing-4); }\n  .ml5-l  {  margin-left: var(--spacing-5); }\n  .ml6-l {  margin-left: var(--spacing-6); }\n  .ml7-l { margin-left: var(--spacing-7); }\n\n  .mr0-l  {  margin-right: var(--spacing-0); }\n  .mr1-l {  margin-right: var(--spacing-1); }\n  .mr2-l  {  margin-right: var(--spacing-2); }\n  .mr3-l  {  margin-right: var(--spacing-3); }\n  .mr4-l  {  margin-right: var(--spacing-4); }\n  .mr5-l  {  margin-right: var(--spacing-5); }\n  .mr6-l {  margin-right: var(--spacing-6); }\n  .mr7-l { margin-right: var(--spacing-7); }\n\n  .mb0-l  {  margin-bottom: var(--spacing-0); }\n  .mb1-l {  margin-bottom: var(--spacing-1); }\n  .mb2-l  {  margin-bottom: var(--spacing-2); }\n  .mb3-l  {  margin-bottom: var(--spacing-3); }\n  .mb4-l  {  margin-bottom: var(--spacing-4); }\n  .mb5-l  {  margin-bottom: var(--spacing-5); }\n  .mb6-l {  margin-bottom: var(--spacing-6); }\n  .mb7-l { margin-bottom: var(--spacing-7); }\n\n  .mt0-l  {  margin-top: var(--spacing-0); }\n  .mt1-l {  margin-top: var(--spacing-1); }\n  .mt2-l  {  margin-top: var(--spacing-2); }\n  .mt3-l  {  margin-top: var(--spacing-3); }\n  .mt4-l  {  margin-top: var(--spacing-4); }\n  .mt5-l  {  margin-top: var(--spacing-5); }\n  .mt6-l {  margin-top: var(--spacing-6); }\n  .mt7-l { margin-top: var(--spacing-7); }\n\n  .mv0-l {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-l {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-l {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-l {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-l {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-l {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-l {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-l {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-l {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-l {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-l {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-l {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-l {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-l {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-l {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-l {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n",
+      "src": "/*!!!\n\n# SPACING\n\nAn eight step powers of two scale ranging from 0 to 16rem.\n\n### Docs\n\nhttp://tachyons.io/docs/layout/spacing/\n\n### Base\n\n- p = padding\n- m = margin\n\n### Modifiers\n\n- h = horizontal\n- v = vertical\n- t = top\n- r = right\n- b = bottom\n- l = left\n\n- 0 = none\n- 1 = 1st step in spacing scale\n- 2 = 2nd step in spacing scale\n- 3 = 3rd step in spacing scale\n- 4 = 4th step in spacing scale\n- 5 = 5th step in spacing scale\n- 6 = 6th step in spacing scale\n- 7 = 7th step in spacing scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n/* Variables */\n\n:root {\n  --spacing-0: 0;\n  --spacing-1: .25rem;\n  --spacing-2: .5rem;\n  --spacing-3: 1rem;\n  --spacing-4: 2rem;\n  --spacing-5: 4rem;\n  --spacing-6: 8rem;\n  --spacing-7: 16rem;\n}\n\n.p0 { padding: var(--spacing-0); }\n.p1 { padding: var(--spacing-1); }\n.p2 { padding: var(--spacing-2); }\n.p3 { padding: var(--spacing-3); }\n.p4 { padding: var(--spacing-4); }\n.p5 { padding: var(--spacing-5); }\n.p6 { padding: var(--spacing-6); }\n.p7 { padding: var(--spacing-7); }\n\n.pl0 { padding-left: var(--spacing-0); }\n.pl1 { padding-left: var(--spacing-1); }\n.pl2 { padding-left: var(--spacing-2); }\n.pl3 { padding-left: var(--spacing-3); }\n.pl4 { padding-left: var(--spacing-4); }\n.pl5 { padding-left: var(--spacing-5); }\n.pl6 { padding-left: var(--spacing-6); }\n.pl7 { padding-left: var(--spacing-7); }\n\n.pr0 { padding-right: var(--spacing-0); }\n.pr1 { padding-right: var(--spacing-1); }\n.pr2 { padding-right: var(--spacing-2); }\n.pr3 { padding-right: var(--spacing-3); }\n.pr4 { padding-right: var(--spacing-4); }\n.pr5 { padding-right: var(--spacing-5); }\n.pr6 { padding-right: var(--spacing-6); }\n.pr7 { padding-right: var(--spacing-7); }\n\n.pb0 { padding-bottom: var(--spacing-0); }\n.pb1 { padding-bottom: var(--spacing-1); }\n.pb2 { padding-bottom: var(--spacing-2); }\n.pb3 { padding-bottom: var(--spacing-3); }\n.pb4 { padding-bottom: var(--spacing-4); }\n.pb5 { padding-bottom: var(--spacing-5); }\n.pb6 { padding-bottom: var(--spacing-6); }\n.pb7 { padding-bottom: var(--spacing-7); }\n\n.pt0 { padding-top: var(--spacing-0); }\n.pt1 { padding-top: var(--spacing-1); }\n.pt2 { padding-top: var(--spacing-2); }\n.pt3 { padding-top: var(--spacing-3); }\n.pt4 { padding-top: var(--spacing-4); }\n.pt5 { padding-top: var(--spacing-5); }\n.pt6 { padding-top: var(--spacing-6); }\n.pt7 { padding-top: var(--spacing-7); }\n\n.pv0 {\n  padding-top: var(--spacing-0);\n  padding-bottom: var(--spacing-0);\n}\n.pv1 {\n  padding-top: var(--spacing-1);\n  padding-bottom: var(--spacing-1);\n}\n.pv2 {\n  padding-top: var(--spacing-2);\n  padding-bottom: var(--spacing-2);\n}\n.pv3 {\n  padding-top: var(--spacing-3);\n  padding-bottom: var(--spacing-3);\n}\n.pv4 {\n  padding-top: var(--spacing-4);\n  padding-bottom: var(--spacing-4);\n}\n.pv5 {\n  padding-top: var(--spacing-5);\n  padding-bottom: var(--spacing-5);\n}\n.pv6 {\n  padding-top: var(--spacing-6);\n  padding-bottom: var(--spacing-6);\n}\n\n.pv7 {\n  padding-top: var(--spacing-7);\n  padding-bottom: var(--spacing-7);\n}\n\n.ph0 {\n  padding-left: var(--spacing-0);\n  padding-right: var(--spacing-0);\n}\n\n.ph1 {\n  padding-left: var(--spacing-1);\n  padding-right: var(--spacing-1);\n}\n\n.ph2 {\n  padding-left: var(--spacing-2);\n  padding-right: var(--spacing-2);\n}\n\n.ph3 {\n  padding-left: var(--spacing-3);\n  padding-right: var(--spacing-3);\n}\n\n.ph4 {\n  padding-left: var(--spacing-4);\n  padding-right: var(--spacing-4);\n}\n\n.ph5 {\n  padding-left: var(--spacing-5);\n  padding-right: var(--spacing-5);\n}\n\n.ph6 {\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n}\n\n.ph7 {\n  padding-left: var(--spacing-7);\n  padding-right: var(--spacing-7);\n}\n\n.mt-auto { margin-top: auto; }\n.mr-auto { margin-right: auto; }\n.mb-auto { margin-bottom: auto; }\n.ml-auto { margin-left:  auto; }\n\n.m0  {  margin: var(--spacing-0); }\n.m1 {  margin: var(--spacing-1); }\n.m2  {  margin: var(--spacing-2); }\n.m3  {  margin: var(--spacing-3); }\n.m4  {  margin: var(--spacing-4); }\n.m5  {  margin: var(--spacing-5); }\n.m6 {  margin: var(--spacing-6); }\n.m7 { margin: var(--spacing-7); }\n\n.ml0  {  margin-left: var(--spacing-0); }\n.ml1 {  margin-left: var(--spacing-1); }\n.ml2  {  margin-left: var(--spacing-2); }\n.ml3  {  margin-left: var(--spacing-3); }\n.ml4  {  margin-left: var(--spacing-4); }\n.ml5  {  margin-left: var(--spacing-5); }\n.ml6 {  margin-left: var(--spacing-6); }\n.ml7 { margin-left: var(--spacing-7); }\n\n.mr0  {  margin-right: var(--spacing-0); }\n.mr1 {  margin-right: var(--spacing-1); }\n.mr2  {  margin-right: var(--spacing-2); }\n.mr3  {  margin-right: var(--spacing-3); }\n.mr4  {  margin-right: var(--spacing-4); }\n.mr5  {  margin-right: var(--spacing-5); }\n.mr6 {  margin-right: var(--spacing-6); }\n.mr7 { margin-right: var(--spacing-7); }\n\n.mb0  {  margin-bottom: var(--spacing-0); }\n.mb1 {  margin-bottom: var(--spacing-1); }\n.mb2  {  margin-bottom: var(--spacing-2); }\n.mb3  {  margin-bottom: var(--spacing-3); }\n.mb4  {  margin-bottom: var(--spacing-4); }\n.mb5  {  margin-bottom: var(--spacing-5); }\n.mb6 {  margin-bottom: var(--spacing-6); }\n.mb7 { margin-bottom: var(--spacing-7); }\n\n.mt0  {  margin-top: var(--spacing-0); }\n.mt1 {  margin-top: var(--spacing-1); }\n.mt2  {  margin-top: var(--spacing-2); }\n.mt3  {  margin-top: var(--spacing-3); }\n.mt4  {  margin-top: var(--spacing-4); }\n.mt5  {  margin-top: var(--spacing-5); }\n.mt6 {  margin-top: var(--spacing-6); }\n.mt7 { margin-top: var(--spacing-7); }\n\n.mv0   {\n  margin-top: var(--spacing-0);\n  margin-bottom: var(--spacing-0);\n}\n.mv1  {\n  margin-top: var(--spacing-1);\n  margin-bottom: var(--spacing-1);\n}\n.mv2   {\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n}\n.mv3   {\n  margin-top: var(--spacing-3);\n  margin-bottom: var(--spacing-3);\n}\n.mv4   {\n  margin-top: var(--spacing-4);\n  margin-bottom: var(--spacing-4);\n}\n.mv5   {\n  margin-top: var(--spacing-5);\n  margin-bottom: var(--spacing-5);\n}\n.mv6  {\n  margin-top: var(--spacing-6);\n  margin-bottom: var(--spacing-6);\n}\n.mv7  {\n  margin-top: var(--spacing-7);\n  margin-bottom: var(--spacing-7);\n}\n\n.mh0   {\n  margin-left: var(--spacing-0);\n  margin-right: var(--spacing-0);\n}\n.mh1   {\n  margin-left: var(--spacing-1);\n  margin-right: var(--spacing-1);\n}\n.mh2   {\n  margin-left: var(--spacing-2);\n  margin-right: var(--spacing-2);\n}\n.mh3   {\n  margin-left: var(--spacing-3);\n  margin-right: var(--spacing-3);\n}\n.mh4   {\n  margin-left: var(--spacing-4);\n  margin-right: var(--spacing-4);\n}\n.mh5   {\n  margin-left: var(--spacing-5);\n  margin-right: var(--spacing-5);\n}\n.mh6  {\n  margin-left: var(--spacing-6);\n  margin-right: var(--spacing-6);\n}\n.mh7  {\n  margin-left: var(--spacing-7);\n  margin-right: var(--spacing-7);\n}\n\n\n@media (--breakpoint-small) {\n  .p0-s  {  padding: var(--spacing-0); }\n  .p1-s {  padding: var(--spacing-1); }\n  .p2-s  {  padding: var(--spacing-2); }\n  .p3-s  {  padding: var(--spacing-3); }\n  .p4-s  {  padding: var(--spacing-4); }\n  .p5-s  {  padding: var(--spacing-5); }\n  .p6-s {  padding: var(--spacing-6); }\n  .p7-s { padding: var(--spacing-7); }\n\n  .pl0-s  {  padding-left: var(--spacing-0); }\n  .pl1-s {  padding-left: var(--spacing-1); }\n  .pl2-s  {  padding-left: var(--spacing-2); }\n  .pl3-s  {  padding-left: var(--spacing-3); }\n  .pl4-s  {  padding-left: var(--spacing-4); }\n  .pl5-s  {  padding-left: var(--spacing-5); }\n  .pl6-s {  padding-left: var(--spacing-6); }\n  .pl7-s { padding-left: var(--spacing-7); }\n\n  .pr0-s  {  padding-right: var(--spacing-0); }\n  .pr1-s {  padding-right: var(--spacing-1); }\n  .pr2-s  {  padding-right: var(--spacing-2); }\n  .pr3-s  {  padding-right: var(--spacing-3); }\n  .pr4-s  {  padding-right: var(--spacing-4); }\n  .pr5-s  {  padding-right: var(--spacing-5); }\n  .pr6-s {  padding-right: var(--spacing-6); }\n  .pr7-s { padding-right: var(--spacing-7); }\n\n  .pb0-s  {  padding-bottom: var(--spacing-0); }\n  .pb1-s {  padding-bottom: var(--spacing-1); }\n  .pb2-s  {  padding-bottom: var(--spacing-2); }\n  .pb3-s  {  padding-bottom: var(--spacing-3); }\n  .pb4-s  {  padding-bottom: var(--spacing-4); }\n  .pb5-s  {  padding-bottom: var(--spacing-5); }\n  .pb6-s {  padding-bottom: var(--spacing-6); }\n  .pb7-s { padding-bottom: var(--spacing-7); }\n\n  .pt0-s  {  padding-top: var(--spacing-0); }\n  .pt1-s {  padding-top: var(--spacing-1); }\n  .pt2-s  {  padding-top: var(--spacing-2); }\n  .pt3-s  {  padding-top: var(--spacing-3); }\n  .pt4-s  {  padding-top: var(--spacing-4); }\n  .pt5-s  {  padding-top: var(--spacing-5); }\n  .pt6-s {  padding-top: var(--spacing-6); }\n  .pt7-s { padding-top: var(--spacing-7); }\n\n  .pv0-s {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-s {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-s {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-s {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-s {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-s {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-s {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-s {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-s {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-s {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-s {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-s {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-s {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-s {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-s {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-s {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mt-auto-s { margin-top: auto; }\n  .mr-auto-s { margin-right: auto; }\n  .mb-auto-s { margin-bottom: auto; }\n  .ml-auto-s { margin-left:  auto; }\n\n  .m0-s  {  margin: var(--spacing-0); }\n  .m1-s {  margin: var(--spacing-1); }\n  .m2-s  {  margin: var(--spacing-2); }\n  .m3-s  {  margin: var(--spacing-3); }\n  .m4-s  {  margin: var(--spacing-4); }\n  .m5-s  {  margin: var(--spacing-5); }\n  .m6-s {  margin: var(--spacing-6); }\n  .m7-s { margin: var(--spacing-7); }\n\n  .ml0-s  {  margin-left: var(--spacing-0); }\n  .ml1-s {  margin-left: var(--spacing-1); }\n  .ml2-s  {  margin-left: var(--spacing-2); }\n  .ml3-s  {  margin-left: var(--spacing-3); }\n  .ml4-s  {  margin-left: var(--spacing-4); }\n  .ml5-s  {  margin-left: var(--spacing-5); }\n  .ml6-s {  margin-left: var(--spacing-6); }\n  .ml7-s { margin-left: var(--spacing-7); }\n\n  .mr0-s  {  margin-right: var(--spacing-0); }\n  .mr1-s {  margin-right: var(--spacing-1); }\n  .mr2-s  {  margin-right: var(--spacing-2); }\n  .mr3-s  {  margin-right: var(--spacing-3); }\n  .mr4-s  {  margin-right: var(--spacing-4); }\n  .mr5-s  {  margin-right: var(--spacing-5); }\n  .mr6-s {  margin-right: var(--spacing-6); }\n  .mr7-s { margin-right: var(--spacing-7); }\n\n  .mb0-s  {  margin-bottom: var(--spacing-0); }\n  .mb1-s {  margin-bottom: var(--spacing-1); }\n  .mb2-s  {  margin-bottom: var(--spacing-2); }\n  .mb3-s  {  margin-bottom: var(--spacing-3); }\n  .mb4-s  {  margin-bottom: var(--spacing-4); }\n  .mb5-s  {  margin-bottom: var(--spacing-5); }\n  .mb6-s {  margin-bottom: var(--spacing-6); }\n  .mb7-s { margin-bottom: var(--spacing-7); }\n\n  .mt0-s  {  margin-top: var(--spacing-0); }\n  .mt1-s {  margin-top: var(--spacing-1); }\n  .mt2-s  {  margin-top: var(--spacing-2); }\n  .mt3-s  {  margin-top: var(--spacing-3); }\n  .mt4-s  {  margin-top: var(--spacing-4); }\n  .mt5-s  {  margin-top: var(--spacing-5); }\n  .mt6-s {  margin-top: var(--spacing-6); }\n  .mt7-s { margin-top: var(--spacing-7); }\n\n  .mv0-s {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-s {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-s {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-s {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-s {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-s {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-s {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-s {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-s {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-s {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-s {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-s {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-s {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-s {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-s {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-s {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n\n@media (--breakpoint-medium) {\n  .p0-m  {  padding: var(--spacing-0); }\n  .p1-m {  padding: var(--spacing-1); }\n  .p2-m  {  padding: var(--spacing-2); }\n  .p3-m  {  padding: var(--spacing-3); }\n  .p4-m  {  padding: var(--spacing-4); }\n  .p5-m  {  padding: var(--spacing-5); }\n  .p6-m {  padding: var(--spacing-6); }\n  .p7-m { padding: var(--spacing-7); }\n\n  .pl0-m  {  padding-left: var(--spacing-0); }\n  .pl1-m {  padding-left: var(--spacing-1); }\n  .pl2-m  {  padding-left: var(--spacing-2); }\n  .pl3-m  {  padding-left: var(--spacing-3); }\n  .pl4-m  {  padding-left: var(--spacing-4); }\n  .pl5-m  {  padding-left: var(--spacing-5); }\n  .pl6-m {  padding-left: var(--spacing-6); }\n  .pl7-m { padding-left: var(--spacing-7); }\n\n  .pr0-m  {  padding-right: var(--spacing-0); }\n  .pr1-m {  padding-right: var(--spacing-1); }\n  .pr2-m  {  padding-right: var(--spacing-2); }\n  .pr3-m  {  padding-right: var(--spacing-3); }\n  .pr4-m  {  padding-right: var(--spacing-4); }\n  .pr5-m  {  padding-right: var(--spacing-5); }\n  .pr6-m {  padding-right: var(--spacing-6); }\n  .pr7-m { padding-right: var(--spacing-7); }\n\n  .pb0-m  {  padding-bottom: var(--spacing-0); }\n  .pb1-m {  padding-bottom: var(--spacing-1); }\n  .pb2-m  {  padding-bottom: var(--spacing-2); }\n  .pb3-m  {  padding-bottom: var(--spacing-3); }\n  .pb4-m  {  padding-bottom: var(--spacing-4); }\n  .pb5-m  {  padding-bottom: var(--spacing-5); }\n  .pb6-m {  padding-bottom: var(--spacing-6); }\n  .pb7-m { padding-bottom: var(--spacing-7); }\n\n  .pt0-m  {  padding-top: var(--spacing-0); }\n  .pt1-m {  padding-top: var(--spacing-1); }\n  .pt2-m  {  padding-top: var(--spacing-2); }\n  .pt3-m  {  padding-top: var(--spacing-3); }\n  .pt4-m  {  padding-top: var(--spacing-4); }\n  .pt5-m  {  padding-top: var(--spacing-5); }\n  .pt6-m {  padding-top: var(--spacing-6); }\n  .pt7-m { padding-top: var(--spacing-7); }\n\n  .pv0-m {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-m {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-m {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-m {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-m {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-m {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-m {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-m {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-m {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-m {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-m {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-m {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-m {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-m {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-m {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-m {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mt-auto-m { margin-top: auto; }\n  .mr-auto-m { margin-right: auto; }\n  .mb-auto-m { margin-bottom: auto; }\n  .ml-auto-m { margin-left:  auto; }\n\n  .m0-m  {  margin: var(--spacing-0); }\n  .m1-m {  margin: var(--spacing-1); }\n  .m2-m  {  margin: var(--spacing-2); }\n  .m3-m  {  margin: var(--spacing-3); }\n  .m4-m  {  margin: var(--spacing-4); }\n  .m5-m  {  margin: var(--spacing-5); }\n  .m6-m {  margin: var(--spacing-6); }\n  .m7-m { margin: var(--spacing-7); }\n\n  .ml0-m  {  margin-left: var(--spacing-0); }\n  .ml1-m {  margin-left: var(--spacing-1); }\n  .ml2-m  {  margin-left: var(--spacing-2); }\n  .ml3-m  {  margin-left: var(--spacing-3); }\n  .ml4-m  {  margin-left: var(--spacing-4); }\n  .ml5-m  {  margin-left: var(--spacing-5); }\n  .ml6-m {  margin-left: var(--spacing-6); }\n  .ml7-m { margin-left: var(--spacing-7); }\n\n  .mr0-m  {  margin-right: var(--spacing-0); }\n  .mr1-m {  margin-right: var(--spacing-1); }\n  .mr2-m  {  margin-right: var(--spacing-2); }\n  .mr3-m  {  margin-right: var(--spacing-3); }\n  .mr4-m  {  margin-right: var(--spacing-4); }\n  .mr5-m  {  margin-right: var(--spacing-5); }\n  .mr6-m {  margin-right: var(--spacing-6); }\n  .mr7-m { margin-right: var(--spacing-7); }\n\n  .mb0-m  {  margin-bottom: var(--spacing-0); }\n  .mb1-m {  margin-bottom: var(--spacing-1); }\n  .mb2-m  {  margin-bottom: var(--spacing-2); }\n  .mb3-m  {  margin-bottom: var(--spacing-3); }\n  .mb4-m  {  margin-bottom: var(--spacing-4); }\n  .mb5-m  {  margin-bottom: var(--spacing-5); }\n  .mb6-m {  margin-bottom: var(--spacing-6); }\n  .mb7-m { margin-bottom: var(--spacing-7); }\n\n  .mt0-m  {  margin-top: var(--spacing-0); }\n  .mt1-m {  margin-top: var(--spacing-1); }\n  .mt2-m  {  margin-top: var(--spacing-2); }\n  .mt3-m  {  margin-top: var(--spacing-3); }\n  .mt4-m  {  margin-top: var(--spacing-4); }\n  .mt5-m  {  margin-top: var(--spacing-5); }\n  .mt6-m {  margin-top: var(--spacing-6); }\n  .mt7-m { margin-top: var(--spacing-7); }\n\n  .mv0-m {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-m {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-m {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-m {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-m {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-m {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-m {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-m {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-m {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-m {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-m {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-m {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-m {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-m {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-m {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-m {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n\n@media (--breakpoint-large) {\n  .p0-l  {  padding: var(--spacing-0); }\n  .p1-l {  padding: var(--spacing-1); }\n  .p2-l  {  padding: var(--spacing-2); }\n  .p3-l  {  padding: var(--spacing-3); }\n  .p4-l  {  padding: var(--spacing-4); }\n  .p5-l  {  padding: var(--spacing-5); }\n  .p6-l {  padding: var(--spacing-6); }\n  .p7-l { padding: var(--spacing-7); }\n\n  .pl0-l  {  padding-left: var(--spacing-0); }\n  .pl1-l {  padding-left: var(--spacing-1); }\n  .pl2-l  {  padding-left: var(--spacing-2); }\n  .pl3-l  {  padding-left: var(--spacing-3); }\n  .pl4-l  {  padding-left: var(--spacing-4); }\n  .pl5-l  {  padding-left: var(--spacing-5); }\n  .pl6-l {  padding-left: var(--spacing-6); }\n  .pl7-l { padding-left: var(--spacing-7); }\n\n  .pr0-l  {  padding-right: var(--spacing-0); }\n  .pr1-l {  padding-right: var(--spacing-1); }\n  .pr2-l  {  padding-right: var(--spacing-2); }\n  .pr3-l  {  padding-right: var(--spacing-3); }\n  .pr4-l  {  padding-right: var(--spacing-4); }\n  .pr5-l  {  padding-right: var(--spacing-5); }\n  .pr6-l {  padding-right: var(--spacing-6); }\n  .pr7-l { padding-right: var(--spacing-7); }\n\n  .pb0-l  {  padding-bottom: var(--spacing-0); }\n  .pb1-l {  padding-bottom: var(--spacing-1); }\n  .pb2-l  {  padding-bottom: var(--spacing-2); }\n  .pb3-l  {  padding-bottom: var(--spacing-3); }\n  .pb4-l  {  padding-bottom: var(--spacing-4); }\n  .pb5-l  {  padding-bottom: var(--spacing-5); }\n  .pb6-l {  padding-bottom: var(--spacing-6); }\n  .pb7-l { padding-bottom: var(--spacing-7); }\n\n  .pt0-l  {  padding-top: var(--spacing-0); }\n  .pt1-l {  padding-top: var(--spacing-1); }\n  .pt2-l  {  padding-top: var(--spacing-2); }\n  .pt3-l  {  padding-top: var(--spacing-3); }\n  .pt4-l  {  padding-top: var(--spacing-4); }\n  .pt5-l  {  padding-top: var(--spacing-5); }\n  .pt6-l {  padding-top: var(--spacing-6); }\n  .pt7-l { padding-top: var(--spacing-7); }\n\n  .pv0-l {\n    padding-top: var(--spacing-0);\n    padding-bottom: var(--spacing-0);\n  }\n  .pv1-l {\n    padding-top: var(--spacing-1);\n    padding-bottom: var(--spacing-1);\n  }\n  .pv2-l {\n    padding-top: var(--spacing-2);\n    padding-bottom: var(--spacing-2);\n  }\n  .pv3-l {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n  .pv4-l {\n    padding-top: var(--spacing-4);\n    padding-bottom: var(--spacing-4);\n  }\n  .pv5-l {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n  .pv6-l {\n    padding-top: var(--spacing-6);\n    padding-bottom: var(--spacing-6);\n  }\n  .pv7-l {\n    padding-top: var(--spacing-7);\n    padding-bottom: var(--spacing-7);\n  }\n\n  .ph0-l {\n    padding-left: var(--spacing-0);\n    padding-right: var(--spacing-0);\n  }\n  .ph1-l {\n    padding-left: var(--spacing-1);\n    padding-right: var(--spacing-1);\n  }\n  .ph2-l {\n    padding-left: var(--spacing-2);\n    padding-right: var(--spacing-2);\n  }\n  .ph3-l {\n    padding-left: var(--spacing-3);\n    padding-right: var(--spacing-3);\n  }\n  .ph4-l {\n    padding-left: var(--spacing-4);\n    padding-right: var(--spacing-4);\n  }\n  .ph5-l {\n    padding-left: var(--spacing-5);\n    padding-right: var(--spacing-5);\n  }\n  .ph6-l {\n    padding-left: var(--spacing-6);\n    padding-right: var(--spacing-6);\n  }\n  .ph7-l {\n    padding-left: var(--spacing-7);\n    padding-right: var(--spacing-7);\n  }\n\n  .mt-auto-l { margin-top: auto; }\n  .mr-auto-l { margin-right: auto; }\n  .mb-auto-l { margin-bottom: auto; }\n  .ml-auto-l { margin-left:  auto; }\n\n  .m0-l  {  margin: var(--spacing-0); }\n  .m1-l {  margin: var(--spacing-1); }\n  .m2-l  {  margin: var(--spacing-2); }\n  .m3-l  {  margin: var(--spacing-3); }\n  .m4-l  {  margin: var(--spacing-4); }\n  .m5-l  {  margin: var(--spacing-5); }\n  .m6-l {  margin: var(--spacing-6); }\n  .m7-l { margin: var(--spacing-7); }\n\n  .ml0-l  {  margin-left: var(--spacing-0); }\n  .ml1-l {  margin-left: var(--spacing-1); }\n  .ml2-l  {  margin-left: var(--spacing-2); }\n  .ml3-l  {  margin-left: var(--spacing-3); }\n  .ml4-l  {  margin-left: var(--spacing-4); }\n  .ml5-l  {  margin-left: var(--spacing-5); }\n  .ml6-l {  margin-left: var(--spacing-6); }\n  .ml7-l { margin-left: var(--spacing-7); }\n\n  .mr0-l  {  margin-right: var(--spacing-0); }\n  .mr1-l {  margin-right: var(--spacing-1); }\n  .mr2-l  {  margin-right: var(--spacing-2); }\n  .mr3-l  {  margin-right: var(--spacing-3); }\n  .mr4-l  {  margin-right: var(--spacing-4); }\n  .mr5-l  {  margin-right: var(--spacing-5); }\n  .mr6-l {  margin-right: var(--spacing-6); }\n  .mr7-l { margin-right: var(--spacing-7); }\n\n  .mb0-l  {  margin-bottom: var(--spacing-0); }\n  .mb1-l {  margin-bottom: var(--spacing-1); }\n  .mb2-l  {  margin-bottom: var(--spacing-2); }\n  .mb3-l  {  margin-bottom: var(--spacing-3); }\n  .mb4-l  {  margin-bottom: var(--spacing-4); }\n  .mb5-l  {  margin-bottom: var(--spacing-5); }\n  .mb6-l {  margin-bottom: var(--spacing-6); }\n  .mb7-l { margin-bottom: var(--spacing-7); }\n\n  .mt0-l  {  margin-top: var(--spacing-0); }\n  .mt1-l {  margin-top: var(--spacing-1); }\n  .mt2-l  {  margin-top: var(--spacing-2); }\n  .mt3-l  {  margin-top: var(--spacing-3); }\n  .mt4-l  {  margin-top: var(--spacing-4); }\n  .mt5-l  {  margin-top: var(--spacing-5); }\n  .mt6-l {  margin-top: var(--spacing-6); }\n  .mt7-l { margin-top: var(--spacing-7); }\n\n  .mv0-l {\n    margin-top: var(--spacing-0);\n    margin-bottom: var(--spacing-0);\n  }\n  .mv1-l {\n    margin-top: var(--spacing-1);\n    margin-bottom: var(--spacing-1);\n  }\n  .mv2-l {\n    margin-top: var(--spacing-2);\n    margin-bottom: var(--spacing-2);\n  }\n  .mv3-l {\n    margin-top: var(--spacing-3);\n    margin-bottom: var(--spacing-3);\n  }\n  .mv4-l {\n    margin-top: var(--spacing-4);\n    margin-bottom: var(--spacing-4);\n  }\n  .mv5-l {\n    margin-top: var(--spacing-5);\n    margin-bottom: var(--spacing-5);\n  }\n  .mv6-l {\n    margin-top: var(--spacing-6);\n    margin-bottom: var(--spacing-6);\n  }\n  .mv7-l {\n    margin-top: var(--spacing-7);\n    margin-bottom: var(--spacing-7);\n  }\n\n  .mh0-l {\n    margin-left: var(--spacing-0);\n    margin-right: var(--spacing-0);\n  }\n  .mh1-l {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n  .mh2-l {\n    margin-left: var(--spacing-2);\n    margin-right: var(--spacing-2);\n  }\n  .mh3-l {\n    margin-left: var(--spacing-3);\n    margin-right: var(--spacing-3);\n  }\n  .mh4-l {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n  .mh5-l {\n    margin-left: var(--spacing-5);\n    margin-right: var(--spacing-5);\n  }\n  .mh6-l {\n    margin-left: var(--spacing-6);\n    margin-right: var(--spacing-6);\n  }\n  .mh7-l {\n    margin-left: var(--spacing-7);\n    margin-right: var(--spacing-7);\n  }\n}\n",
       "css": "/* Variables */\n/* Spacing Scale - based on a ratio of 1:2 */\n/* Media Queries */\n/*\n   SPACING\n\n   An eight step powers of two scale ranging from 0 to 16rem.\n   Namespaces are composable and thus highly grockable - check the legend below\n\n   Legend:\n\n   p = padding\n   m = margin\n\n   a = all\n   h = horizontal\n   v = vertical\n   t = top\n   r = right\n   b = bottom\n   l = left\n\n   0 = none\n   1 = 1st step in spacing scale\n   2 = 2nd step in spacing scale\n   3 = 3rd step in spacing scale\n   4 = 4th step in spacing scale\n   5 = 5th step in spacing scale\n   6 = 6th step in spacing scale\n   7 = 7th step in spacing scale\n\n*/\n.pa0 { padding: 0; }\n.pa1 { padding: .25rem; }\n.pa2 { padding: .5rem; }\n.pa3 { padding: 1rem; }\n.pa4 { padding: 2rem; }\n.pa5 { padding: 4rem; }\n.pa6 { padding: 8rem; }\n.pa7 { padding: 16rem; }\n.pl0 { padding-left: 0; }\n.pl1 { padding-left: .25rem; }\n.pl2 { padding-left: .5rem; }\n.pl3 { padding-left: 1rem; }\n.pl4 { padding-left: 2rem; }\n.pl5 { padding-left: 4rem; }\n.pl6 { padding-left: 8rem; }\n.pl7 { padding-left: 16rem; }\n.pr0 { padding-right: 0; }\n.pr1 { padding-right: .25rem; }\n.pr2 { padding-right: .5rem; }\n.pr3 { padding-right: 1rem; }\n.pr4 { padding-right: 2rem; }\n.pr5 { padding-right: 4rem; }\n.pr6 { padding-right: 8rem; }\n.pr7 { padding-right: 16rem; }\n.pb0 { padding-bottom: 0; }\n.pb1 { padding-bottom: .25rem; }\n.pb2 { padding-bottom: .5rem; }\n.pb3 { padding-bottom: 1rem; }\n.pb4 { padding-bottom: 2rem; }\n.pb5 { padding-bottom: 4rem; }\n.pb6 { padding-bottom: 8rem; }\n.pb7 { padding-bottom: 16rem; }\n.pt0 { padding-top: 0; }\n.pt1 { padding-top: .25rem; }\n.pt2 { padding-top: .5rem; }\n.pt3 { padding-top: 1rem; }\n.pt4 { padding-top: 2rem; }\n.pt5 { padding-top: 4rem; }\n.pt6 { padding-top: 8rem; }\n.pt7 { padding-top: 16rem; }\n.pv0 { padding-top: 0; padding-bottom: 0; }\n.pv1 { padding-top: .25rem; padding-bottom: .25rem; }\n.pv2 { padding-top: .5rem; padding-bottom: .5rem; }\n.pv3 { padding-top: 1rem; padding-bottom: 1rem; }\n.pv4 { padding-top: 2rem; padding-bottom: 2rem; }\n.pv5 { padding-top: 4rem; padding-bottom: 4rem; }\n.pv6 { padding-top: 8rem; padding-bottom: 8rem; }\n.pv7 { padding-top: 16rem; padding-bottom: 16rem; }\n.ph0 { padding-left: 0; padding-right: 0; }\n.ph1 { padding-left: .25rem; padding-right: .25rem; }\n.ph2 { padding-left: .5rem; padding-right: .5rem; }\n.ph3 { padding-left: 1rem; padding-right: 1rem; }\n.ph4 { padding-left: 2rem; padding-right: 2rem; }\n.ph5 { padding-left: 4rem; padding-right: 4rem; }\n.ph6 { padding-left: 8rem; padding-right: 8rem; }\n.ph7 { padding-left: 16rem; padding-right: 16rem; }\n.ma0 { margin: 0; }\n.ma1 { margin: .25rem; }\n.ma2 { margin: .5rem; }\n.ma3 { margin: 1rem; }\n.ma4 { margin: 2rem; }\n.ma5 { margin: 4rem; }\n.ma6 { margin: 8rem; }\n.ma7 { margin: 16rem; }\n.ml0 { margin-left: 0; }\n.ml1 { margin-left: .25rem; }\n.ml2 { margin-left: .5rem; }\n.ml3 { margin-left: 1rem; }\n.ml4 { margin-left: 2rem; }\n.ml5 { margin-left: 4rem; }\n.ml6 { margin-left: 8rem; }\n.ml7 { margin-left: 16rem; }\n.mr0 { margin-right: 0; }\n.mr1 { margin-right: .25rem; }\n.mr2 { margin-right: .5rem; }\n.mr3 { margin-right: 1rem; }\n.mr4 { margin-right: 2rem; }\n.mr5 { margin-right: 4rem; }\n.mr6 { margin-right: 8rem; }\n.mr7 { margin-right: 16rem; }\n.mb0 { margin-bottom: 0; }\n.mb1 { margin-bottom: .25rem; }\n.mb2 { margin-bottom: .5rem; }\n.mb3 { margin-bottom: 1rem; }\n.mb4 { margin-bottom: 2rem; }\n.mb5 { margin-bottom: 4rem; }\n.mb6 { margin-bottom: 8rem; }\n.mb7 { margin-bottom: 16rem; }\n.mt0 { margin-top: 0; }\n.mt1 { margin-top: .25rem; }\n.mt2 { margin-top: .5rem; }\n.mt3 { margin-top: 1rem; }\n.mt4 { margin-top: 2rem; }\n.mt5 { margin-top: 4rem; }\n.mt6 { margin-top: 8rem; }\n.mt7 { margin-top: 16rem; }\n.mv0 { margin-top: 0; margin-bottom: 0; }\n.mv1 { margin-top: .25rem; margin-bottom: .25rem; }\n.mv2 { margin-top: .5rem; margin-bottom: .5rem; }\n.mv3 { margin-top: 1rem; margin-bottom: 1rem; }\n.mv4 { margin-top: 2rem; margin-bottom: 2rem; }\n.mv5 { margin-top: 4rem; margin-bottom: 4rem; }\n.mv6 { margin-top: 8rem; margin-bottom: 8rem; }\n.mv7 { margin-top: 16rem; margin-bottom: 16rem; }\n.mh0 { margin-left: 0; margin-right: 0; }\n.mh1 { margin-left: .25rem; margin-right: .25rem; }\n.mh2 { margin-left: .5rem; margin-right: .5rem; }\n.mh3 { margin-left: 1rem; margin-right: 1rem; }\n.mh4 { margin-left: 2rem; margin-right: 2rem; }\n.mh5 { margin-left: 4rem; margin-right: 4rem; }\n.mh6 { margin-left: 8rem; margin-right: 8rem; }\n.mh7 { margin-left: 16rem; margin-right: 16rem; }\n@media screen and (min-width: 30em) {\n .pa0-ns { padding: 0; }\n .pa1-ns { padding: .25rem; }\n .pa2-ns { padding: .5rem; }\n .pa3-ns { padding: 1rem; }\n .pa4-ns { padding: 2rem; }\n .pa5-ns { padding: 4rem; }\n .pa6-ns { padding: 8rem; }\n .pa7-ns { padding: 16rem; }\n .pl0-ns { padding-left: 0; }\n .pl1-ns { padding-left: .25rem; }\n .pl2-ns { padding-left: .5rem; }\n .pl3-ns { padding-left: 1rem; }\n .pl4-ns { padding-left: 2rem; }\n .pl5-ns { padding-left: 4rem; }\n .pl6-ns { padding-left: 8rem; }\n .pl7-ns { padding-left: 16rem; }\n .pr0-ns { padding-right: 0; }\n .pr1-ns { padding-right: .25rem; }\n .pr2-ns { padding-right: .5rem; }\n .pr3-ns { padding-right: 1rem; }\n .pr4-ns { padding-right: 2rem; }\n .pr5-ns { padding-right: 4rem; }\n .pr6-ns { padding-right: 8rem; }\n .pr7-ns { padding-right: 16rem; }\n .pb0-ns { padding-bottom: 0; }\n .pb1-ns { padding-bottom: .25rem; }\n .pb2-ns { padding-bottom: .5rem; }\n .pb3-ns { padding-bottom: 1rem; }\n .pb4-ns { padding-bottom: 2rem; }\n .pb5-ns { padding-bottom: 4rem; }\n .pb6-ns { padding-bottom: 8rem; }\n .pb7-ns { padding-bottom: 16rem; }\n .pt0-ns { padding-top: 0; }\n .pt1-ns { padding-top: .25rem; }\n .pt2-ns { padding-top: .5rem; }\n .pt3-ns { padding-top: 1rem; }\n .pt4-ns { padding-top: 2rem; }\n .pt5-ns { padding-top: 4rem; }\n .pt6-ns { padding-top: 8rem; }\n .pt7-ns { padding-top: 16rem; }\n .pv0-ns { padding-top: 0; padding-bottom: 0; }\n .pv1-ns { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-ns { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-ns { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-ns { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-ns { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-ns { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-ns { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-ns { padding-left: 0; padding-right: 0; }\n .ph1-ns { padding-left: .25rem; padding-right: .25rem; }\n .ph2-ns { padding-left: .5rem; padding-right: .5rem; }\n .ph3-ns { padding-left: 1rem; padding-right: 1rem; }\n .ph4-ns { padding-left: 2rem; padding-right: 2rem; }\n .ph5-ns { padding-left: 4rem; padding-right: 4rem; }\n .ph6-ns { padding-left: 8rem; padding-right: 8rem; }\n .ph7-ns { padding-left: 16rem; padding-right: 16rem; }\n .ma0-ns { margin: 0; }\n .ma1-ns { margin: .25rem; }\n .ma2-ns { margin: .5rem; }\n .ma3-ns { margin: 1rem; }\n .ma4-ns { margin: 2rem; }\n .ma5-ns { margin: 4rem; }\n .ma6-ns { margin: 8rem; }\n .ma7-ns { margin: 16rem; }\n .ml0-ns { margin-left: 0; }\n .ml1-ns { margin-left: .25rem; }\n .ml2-ns { margin-left: .5rem; }\n .ml3-ns { margin-left: 1rem; }\n .ml4-ns { margin-left: 2rem; }\n .ml5-ns { margin-left: 4rem; }\n .ml6-ns { margin-left: 8rem; }\n .ml7-ns { margin-left: 16rem; }\n .mr0-ns { margin-right: 0; }\n .mr1-ns { margin-right: .25rem; }\n .mr2-ns { margin-right: .5rem; }\n .mr3-ns { margin-right: 1rem; }\n .mr4-ns { margin-right: 2rem; }\n .mr5-ns { margin-right: 4rem; }\n .mr6-ns { margin-right: 8rem; }\n .mr7-ns { margin-right: 16rem; }\n .mb0-ns { margin-bottom: 0; }\n .mb1-ns { margin-bottom: .25rem; }\n .mb2-ns { margin-bottom: .5rem; }\n .mb3-ns { margin-bottom: 1rem; }\n .mb4-ns { margin-bottom: 2rem; }\n .mb5-ns { margin-bottom: 4rem; }\n .mb6-ns { margin-bottom: 8rem; }\n .mb7-ns { margin-bottom: 16rem; }\n .mt0-ns { margin-top: 0; }\n .mt1-ns { margin-top: .25rem; }\n .mt2-ns { margin-top: .5rem; }\n .mt3-ns { margin-top: 1rem; }\n .mt4-ns { margin-top: 2rem; }\n .mt5-ns { margin-top: 4rem; }\n .mt6-ns { margin-top: 8rem; }\n .mt7-ns { margin-top: 16rem; }\n .mv0-ns { margin-top: 0; margin-bottom: 0; }\n .mv1-ns { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-ns { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-ns { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-ns { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-ns { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-ns { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-ns { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-ns { margin-left: 0; margin-right: 0; }\n .mh1-ns { margin-left: .25rem; margin-right: .25rem; }\n .mh2-ns { margin-left: .5rem; margin-right: .5rem; }\n .mh3-ns { margin-left: 1rem; margin-right: 1rem; }\n .mh4-ns { margin-left: 2rem; margin-right: 2rem; }\n .mh5-ns { margin-left: 4rem; margin-right: 4rem; }\n .mh6-ns { margin-left: 8rem; margin-right: 8rem; }\n .mh7-ns { margin-left: 16rem; margin-right: 16rem; }\n}\n@media screen and (min-width: 30em) and (max-width: 60em) {\n .pa0-m { padding: 0; }\n .pa1-m { padding: .25rem; }\n .pa2-m { padding: .5rem; }\n .pa3-m { padding: 1rem; }\n .pa4-m { padding: 2rem; }\n .pa5-m { padding: 4rem; }\n .pa6-m { padding: 8rem; }\n .pa7-m { padding: 16rem; }\n .pl0-m { padding-left: 0; }\n .pl1-m { padding-left: .25rem; }\n .pl2-m { padding-left: .5rem; }\n .pl3-m { padding-left: 1rem; }\n .pl4-m { padding-left: 2rem; }\n .pl5-m { padding-left: 4rem; }\n .pl6-m { padding-left: 8rem; }\n .pl7-m { padding-left: 16rem; }\n .pr0-m { padding-right: 0; }\n .pr1-m { padding-right: .25rem; }\n .pr2-m { padding-right: .5rem; }\n .pr3-m { padding-right: 1rem; }\n .pr4-m { padding-right: 2rem; }\n .pr5-m { padding-right: 4rem; }\n .pr6-m { padding-right: 8rem; }\n .pr7-m { padding-right: 16rem; }\n .pb0-m { padding-bottom: 0; }\n .pb1-m { padding-bottom: .25rem; }\n .pb2-m { padding-bottom: .5rem; }\n .pb3-m { padding-bottom: 1rem; }\n .pb4-m { padding-bottom: 2rem; }\n .pb5-m { padding-bottom: 4rem; }\n .pb6-m { padding-bottom: 8rem; }\n .pb7-m { padding-bottom: 16rem; }\n .pt0-m { padding-top: 0; }\n .pt1-m { padding-top: .25rem; }\n .pt2-m { padding-top: .5rem; }\n .pt3-m { padding-top: 1rem; }\n .pt4-m { padding-top: 2rem; }\n .pt5-m { padding-top: 4rem; }\n .pt6-m { padding-top: 8rem; }\n .pt7-m { padding-top: 16rem; }\n .pv0-m { padding-top: 0; padding-bottom: 0; }\n .pv1-m { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-m { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-m { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-m { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-m { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-m { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-m { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-m { padding-left: 0; padding-right: 0; }\n .ph1-m { padding-left: .25rem; padding-right: .25rem; }\n .ph2-m { padding-left: .5rem; padding-right: .5rem; }\n .ph3-m { padding-left: 1rem; padding-right: 1rem; }\n .ph4-m { padding-left: 2rem; padding-right: 2rem; }\n .ph5-m { padding-left: 4rem; padding-right: 4rem; }\n .ph6-m { padding-left: 8rem; padding-right: 8rem; }\n .ph7-m { padding-left: 16rem; padding-right: 16rem; }\n .ma0-m { margin: 0; }\n .ma1-m { margin: .25rem; }\n .ma2-m { margin: .5rem; }\n .ma3-m { margin: 1rem; }\n .ma4-m { margin: 2rem; }\n .ma5-m { margin: 4rem; }\n .ma6-m { margin: 8rem; }\n .ma7-m { margin: 16rem; }\n .ml0-m { margin-left: 0; }\n .ml1-m { margin-left: .25rem; }\n .ml2-m { margin-left: .5rem; }\n .ml3-m { margin-left: 1rem; }\n .ml4-m { margin-left: 2rem; }\n .ml5-m { margin-left: 4rem; }\n .ml6-m { margin-left: 8rem; }\n .ml7-m { margin-left: 16rem; }\n .mr0-m { margin-right: 0; }\n .mr1-m { margin-right: .25rem; }\n .mr2-m { margin-right: .5rem; }\n .mr3-m { margin-right: 1rem; }\n .mr4-m { margin-right: 2rem; }\n .mr5-m { margin-right: 4rem; }\n .mr6-m { margin-right: 8rem; }\n .mr7-m { margin-right: 16rem; }\n .mb0-m { margin-bottom: 0; }\n .mb1-m { margin-bottom: .25rem; }\n .mb2-m { margin-bottom: .5rem; }\n .mb3-m { margin-bottom: 1rem; }\n .mb4-m { margin-bottom: 2rem; }\n .mb5-m { margin-bottom: 4rem; }\n .mb6-m { margin-bottom: 8rem; }\n .mb7-m { margin-bottom: 16rem; }\n .mt0-m { margin-top: 0; }\n .mt1-m { margin-top: .25rem; }\n .mt2-m { margin-top: .5rem; }\n .mt3-m { margin-top: 1rem; }\n .mt4-m { margin-top: 2rem; }\n .mt5-m { margin-top: 4rem; }\n .mt6-m { margin-top: 8rem; }\n .mt7-m { margin-top: 16rem; }\n .mv0-m { margin-top: 0; margin-bottom: 0; }\n .mv1-m { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-m { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-m { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-m { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-m { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-m { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-m { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-m { margin-left: 0; margin-right: 0; }\n .mh1-m { margin-left: .25rem; margin-right: .25rem; }\n .mh2-m { margin-left: .5rem; margin-right: .5rem; }\n .mh3-m { margin-left: 1rem; margin-right: 1rem; }\n .mh4-m { margin-left: 2rem; margin-right: 2rem; }\n .mh5-m { margin-left: 4rem; margin-right: 4rem; }\n .mh6-m { margin-left: 8rem; margin-right: 8rem; }\n .mh7-m { margin-left: 16rem; margin-right: 16rem; }\n}\n@media screen and (min-width: 60em) {\n .pa0-l { padding: 0; }\n .pa1-l { padding: .25rem; }\n .pa2-l { padding: .5rem; }\n .pa3-l { padding: 1rem; }\n .pa4-l { padding: 2rem; }\n .pa5-l { padding: 4rem; }\n .pa6-l { padding: 8rem; }\n .pa7-l { padding: 16rem; }\n .pl0-l { padding-left: 0; }\n .pl1-l { padding-left: .25rem; }\n .pl2-l { padding-left: .5rem; }\n .pl3-l { padding-left: 1rem; }\n .pl4-l { padding-left: 2rem; }\n .pl5-l { padding-left: 4rem; }\n .pl6-l { padding-left: 8rem; }\n .pl7-l { padding-left: 16rem; }\n .pr0-l { padding-right: 0; }\n .pr1-l { padding-right: .25rem; }\n .pr2-l { padding-right: .5rem; }\n .pr3-l { padding-right: 1rem; }\n .pr4-l { padding-right: 2rem; }\n .pr5-l { padding-right: 4rem; }\n .pr6-l { padding-right: 8rem; }\n .pr7-l { padding-right: 16rem; }\n .pb0-l { padding-bottom: 0; }\n .pb1-l { padding-bottom: .25rem; }\n .pb2-l { padding-bottom: .5rem; }\n .pb3-l { padding-bottom: 1rem; }\n .pb4-l { padding-bottom: 2rem; }\n .pb5-l { padding-bottom: 4rem; }\n .pb6-l { padding-bottom: 8rem; }\n .pb7-l { padding-bottom: 16rem; }\n .pt0-l { padding-top: 0; }\n .pt1-l { padding-top: .25rem; }\n .pt2-l { padding-top: .5rem; }\n .pt3-l { padding-top: 1rem; }\n .pt4-l { padding-top: 2rem; }\n .pt5-l { padding-top: 4rem; }\n .pt6-l { padding-top: 8rem; }\n .pt7-l { padding-top: 16rem; }\n .pv0-l { padding-top: 0; padding-bottom: 0; }\n .pv1-l { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-l { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-l { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-l { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-l { padding-left: 0; padding-right: 0; }\n .ph1-l { padding-left: .25rem; padding-right: .25rem; }\n .ph2-l { padding-left: .5rem; padding-right: .5rem; }\n .ph3-l { padding-left: 1rem; padding-right: 1rem; }\n .ph4-l { padding-left: 2rem; padding-right: 2rem; }\n .ph5-l { padding-left: 4rem; padding-right: 4rem; }\n .ph6-l { padding-left: 8rem; padding-right: 8rem; }\n .ph7-l { padding-left: 16rem; padding-right: 16rem; }\n .ma0-l { margin: 0; }\n .ma1-l { margin: .25rem; }\n .ma2-l { margin: .5rem; }\n .ma3-l { margin: 1rem; }\n .ma4-l { margin: 2rem; }\n .ma5-l { margin: 4rem; }\n .ma6-l { margin: 8rem; }\n .ma7-l { margin: 16rem; }\n .ml0-l { margin-left: 0; }\n .ml1-l { margin-left: .25rem; }\n .ml2-l { margin-left: .5rem; }\n .ml3-l { margin-left: 1rem; }\n .ml4-l { margin-left: 2rem; }\n .ml5-l { margin-left: 4rem; }\n .ml6-l { margin-left: 8rem; }\n .ml7-l { margin-left: 16rem; }\n .mr0-l { margin-right: 0; }\n .mr1-l { margin-right: .25rem; }\n .mr2-l { margin-right: .5rem; }\n .mr3-l { margin-right: 1rem; }\n .mr4-l { margin-right: 2rem; }\n .mr5-l { margin-right: 4rem; }\n .mr6-l { margin-right: 8rem; }\n .mr7-l { margin-right: 16rem; }\n .mb0-l { margin-bottom: 0; }\n .mb1-l { margin-bottom: .25rem; }\n .mb2-l { margin-bottom: .5rem; }\n .mb3-l { margin-bottom: 1rem; }\n .mb4-l { margin-bottom: 2rem; }\n .mb5-l { margin-bottom: 4rem; }\n .mb6-l { margin-bottom: 8rem; }\n .mb7-l { margin-bottom: 16rem; }\n .mt0-l { margin-top: 0; }\n .mt1-l { margin-top: .25rem; }\n .mt2-l { margin-top: .5rem; }\n .mt3-l { margin-top: 1rem; }\n .mt4-l { margin-top: 2rem; }\n .mt5-l { margin-top: 4rem; }\n .mt6-l { margin-top: 8rem; }\n .mt7-l { margin-top: 16rem; }\n .mv0-l { margin-top: 0; margin-bottom: 0; }\n .mv1-l { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-l { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-l { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-l { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-l { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-l { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-l { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-l { margin-left: 0; margin-right: 0; }\n .mh1-l { margin-left: .25rem; margin-right: .25rem; }\n .mh2-l { margin-left: .5rem; margin-right: .5rem; }\n .mh3-l { margin-left: 1rem; margin-right: 1rem; }\n .mh4-l { margin-left: 2rem; margin-right: 2rem; }\n .mh5-l { margin-left: 4rem; margin-right: 4rem; }\n .mh6-l { margin-left: 8rem; margin-right: 8rem; }\n .mh7-l { margin-left: 16rem; margin-right: 16rem; }\n}\n\n"
     },
     "tachyons-tables": {
@@ -17526,28 +17582,28 @@
       "metadata": {},
       "tableOfStyles": [
         {
-          "selector": ".f8",
+          "selector": ".f0",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 6rem"
           ]
         },
         {
-          "selector": ".f7",
+          "selector": ".f1",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 4rem"
           ]
         },
         {
-          "selector": ".f6",
+          "selector": ".f2",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 3rem"
           ]
         },
         {
-          "selector": ".f5",
+          "selector": ".f3",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 2rem"
@@ -17561,49 +17617,49 @@
           ]
         },
         {
-          "selector": ".f3",
+          "selector": ".f5",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 1rem"
           ]
         },
         {
-          "selector": ".f2",
+          "selector": ".f6",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .875rem"
           ]
         },
         {
-          "selector": ".f1",
+          "selector": ".f7",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .75rem"
           ]
         },
         {
-          "selector": ".f8-s",
+          "selector": ".f0-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 6rem"
           ]
         },
         {
-          "selector": ".f7-s",
+          "selector": ".f1-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 4rem"
           ]
         },
         {
-          "selector": ".f6-s",
+          "selector": ".f2-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 3rem"
           ]
         },
         {
-          "selector": ".f5-s",
+          "selector": ".f3-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 2rem"
@@ -17617,49 +17673,49 @@
           ]
         },
         {
-          "selector": ".f3-s",
+          "selector": ".f5-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 1rem"
           ]
         },
         {
-          "selector": ".f2-s",
+          "selector": ".f6-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .875rem"
           ]
         },
         {
-          "selector": ".f1-s",
+          "selector": ".f7-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .75rem"
           ]
         },
         {
-          "selector": ".f8-m",
+          "selector": ".f0-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 6rem"
           ]
         },
         {
-          "selector": ".f7-m",
+          "selector": ".f1-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 4rem"
           ]
         },
         {
-          "selector": ".f6-m",
+          "selector": ".f2-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 3rem"
           ]
         },
         {
-          "selector": ".f5-m",
+          "selector": ".f3-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 2rem"
@@ -17673,49 +17729,49 @@
           ]
         },
         {
-          "selector": ".f3-m",
+          "selector": ".f5-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 1rem"
           ]
         },
         {
-          "selector": ".f2-m",
+          "selector": ".f6-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .875rem"
           ]
         },
         {
-          "selector": ".f1-m",
+          "selector": ".f7-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .75rem"
           ]
         },
         {
-          "selector": ".f8-l",
+          "selector": ".f0-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 6rem"
           ]
         },
         {
-          "selector": ".f7-l",
+          "selector": ".f1-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 4rem"
           ]
         },
         {
-          "selector": ".f6-l",
+          "selector": ".f2-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 3rem"
           ]
         },
         {
-          "selector": ".f5-l",
+          "selector": ".f3-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 2rem"
@@ -17729,21 +17785,21 @@
           ]
         },
         {
-          "selector": ".f3-l",
+          "selector": ".f5-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: 1rem"
           ]
         },
         {
-          "selector": ".f2-l",
+          "selector": ".f6-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .875rem"
           ]
         },
         {
-          "selector": ".f1-l",
+          "selector": ".f7-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-type-scale",
           "declarations": [
             "font-size: .75rem"
@@ -17751,7 +17807,7 @@
         }
       ],
       "readme": "\n\n# TYPE SCALE\n\n### Docs\n\nhttp://tachyons.io/docs/typography/scale/\n\n### Base\n\n- f = font-size\n\n### Modifiers\n\n- 1 = 1st step in size scale\n- 2 = 2nd step in size scale\n- 3 = 3rd step in size scale\n- 4 = 4th step in size scale\n- 5 = 5th step in size scale\n- 6 = 6th step in size scale\n- 7 = 7th step in size scale\n- 8 = 8th step in size scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
-      "src": "/*!!!\n\n# TYPE SCALE\n\n### Docs\n\nhttp://tachyons.io/docs/typography/scale/\n\n### Base\n\n- f = font-size\n\n### Modifiers\n\n- 1 = 1st step in size scale\n- 2 = 2nd step in size scale\n- 3 = 3rd step in size scale\n- 4 = 4th step in size scale\n- 5 = 5th step in size scale\n- 6 = 6th step in size scale\n- 7 = 7th step in size scale\n- 8 = 8th step in size scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n/*\n * For Hero/Marketing Titles\n *\n * These generally are too large for mobile\n * so be careful using them on smaller screens.\n * */\n\n\n/* Type Scale */\n\n.f8 { font-size: 6rem; }\n.f7 { font-size: 4rem; }\n.f6 { font-size: 3rem; }\n.f5 { font-size: 2rem; }\n.f4 { font-size: 1.5rem; }\n.f3 { font-size: 1rem; }\n.f2 { font-size: .875rem; }\n.f1 { font-size: .75rem; } /* Small and hard to read for many people so use with extreme caution */\n\n@media (--breakpoint-small) {\n  .f8-s { font-size: 6rem; }\n  .f7-s { font-size: 4rem; }\n  .f6-s { font-size: 3rem; }\n  .f5-s { font-size: 2rem; }\n  .f4-s { font-size: 1.5rem; }\n  .f3-s { font-size: 1rem; }\n  .f2-s { font-size: .875rem; }\n  .f1-s { font-size: .75rem; }\n}\n\n@media (--breakpoint-medium) {\n  .f8-m { font-size: 6rem; }\n  .f7-m { font-size: 4rem; }\n  .f6-m { font-size: 3rem; }\n  .f5-m { font-size: 2rem; }\n  .f4-m { font-size: 1.5rem; }\n  .f3-m { font-size: 1rem; }\n  .f2-m { font-size: .875rem; }\n  .f1-m { font-size: .75rem; }\n}\n\n@media (--breakpoint-large) {\n  .f8-l { font-size: 6rem; }\n  .f7-l { font-size: 4rem; }\n  .f6-l { font-size: 3rem; }\n  .f5-l { font-size: 2rem; }\n  .f4-l { font-size: 1.5rem; }\n  .f3-l { font-size: 1rem; }\n  .f2-l { font-size: .875rem; }\n  .f1-l { font-size: .75rem; }\n}\n",
+      "src": "/*!!!\n\n# TYPE SCALE\n\n### Docs\n\nhttp://tachyons.io/docs/typography/scale/\n\n### Base\n\n- f = font-size\n\n### Modifiers\n\n- 1 = 1st step in size scale\n- 2 = 2nd step in size scale\n- 3 = 3rd step in size scale\n- 4 = 4th step in size scale\n- 5 = 5th step in size scale\n- 6 = 6th step in size scale\n- 7 = 7th step in size scale\n- 8 = 8th step in size scale\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n/* Type Scale */\n\n.f0 { font-size: 6rem; }\n.f1 { font-size: 4rem; }\n.f2 { font-size: 3rem; }\n.f3 { font-size: 2rem; }\n.f4 { font-size: 1.5rem; }\n.f5 { font-size: 1rem; }\n.f6 { font-size: .875rem; }\n/* Small and hard to read for many people so use with extreme caution */\n.f7 { font-size: .75rem; }\n\n@media (--breakpoint-small) {\n  .f0-s { font-size: 6rem; }\n  .f1-s { font-size: 4rem; }\n  .f2-s { font-size: 3rem; }\n  .f3-s { font-size: 2rem; }\n  .f4-s { font-size: 1.5rem; }\n  .f5-s { font-size: 1rem; }\n  .f6-s { font-size: .875rem; }\n  .f7-s { font-size: .75rem; }\n}\n\n@media (--breakpoint-medium) {\n  .f0-m { font-size: 6rem; }\n  .f1-m { font-size: 4rem; }\n  .f2-m { font-size: 3rem; }\n  .f3-m { font-size: 2rem; }\n  .f4-m { font-size: 1.5rem; }\n  .f5-m { font-size: 1rem; }\n  .f6-m { font-size: .875rem; }\n  .f7-m { font-size: .75rem; }\n}\n\n@media (--breakpoint-large) {\n  .f0-l { font-size: 6rem; }\n  .f1-l { font-size: 4rem; }\n  .f2-l { font-size: 3rem; }\n  .f3-l { font-size: 2rem; }\n  .f4-l { font-size: 1.5rem; }\n  .f5-l { font-size: 1rem; }\n  .f6-l { font-size: .875rem; }\n  .f7-l { font-size: .75rem; }\n}\n",
       "css": "/*\n\n   TYPE SCALE\n   Docs: http://tachyons.io/docs/typography/scale/\n\n   Base:\n    f = font-size\n\n   Modifiers\n     1 = 1st step in size scale\n     2 = 2nd step in size scale\n     3 = 3rd step in size scale\n     4 = 4th step in size scale\n     5 = 5th step in size scale\n     6 = 6th step in size scale\n     7 = 7th step in size scale\n\n   Media Query Extensions:\n     -ns = not-small\n     -m  = medium\n     -l  = large\n\n*/\n/* For Hero Titles */\n.f-6, .f-headline { font-size: 6rem; }\n.f-5, .f-subheadline { font-size: 5rem; }\n/* Type Scale */\n.f1 { font-size: 3rem; }\n.f2 { font-size: 2.25rem; }\n.f3 { font-size: 1.5rem; }\n.f4 { font-size: 1.25rem; }\n.f5 { font-size: 1rem; }\n.f6 { font-size: .875rem; }\n.f7 { font-size: .75rem; }\n/* Small and hard to read for many people so use with extreme caution */\n@media screen and (min-width: 30em) {\n .f-6-ns, .f-headline-ns { font-size: 6rem; }\n .f-5-ns, .f-subheadline-ns { font-size: 5rem; }\n .f1-ns { font-size: 3rem; }\n .f2-ns { font-size: 2.25rem; }\n .f3-ns { font-size: 1.5rem; }\n .f4-ns { font-size: 1.25rem; }\n .f5-ns { font-size: 1rem; }\n .f6-ns { font-size: .875rem; }\n .f7-ns { font-size: .75rem; }\n}\n@media screen and (min-width: 30em) and (max-width: 60em) {\n .f-6-m, .f-headline-m { font-size: 6rem; }\n .f-5-m, .f-subheadline-m { font-size: 5rem; }\n .f1-m { font-size: 3rem; }\n .f2-m { font-size: 2.25rem; }\n .f3-m { font-size: 1.5rem; }\n .f4-m { font-size: 1.25rem; }\n .f5-m { font-size: 1rem; }\n .f6-m { font-size: .875rem; }\n .f7-m { font-size: .75rem; }\n}\n@media screen and (min-width: 60em) {\n .f-6-l, .f-headline-l { font-size: 6rem; }\n .f-5-l, .f-subheadline-l { font-size: 5rem; }\n .f1-l { font-size: 3rem; }\n .f2-l { font-size: 2.25rem; }\n .f3-l { font-size: 1.5rem; }\n .f4-l { font-size: 1.25rem; }\n .f5-l { font-size: 1rem; }\n .f6-l { font-size: .875rem; }\n .f7-l { font-size: .75rem; }\n}\n\n"
     },
     "tachyons-typography": {
@@ -18182,14 +18238,14 @@
           ]
         },
         {
-          "selector": ".nowrap",
+          "selector": ".ws-nowrap",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: nowrap"
           ]
         },
         {
-          "selector": ".pre",
+          "selector": ".ws-pre",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: pre"
@@ -18203,14 +18259,14 @@
           ]
         },
         {
-          "selector": ".nowrap-s",
+          "selector": ".ws-nowrap-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: nowrap"
           ]
         },
         {
-          "selector": ".pre-s",
+          "selector": ".ws-pre-s",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: pre"
@@ -18224,14 +18280,14 @@
           ]
         },
         {
-          "selector": ".nowrap-m",
+          "selector": ".ws-nowrap-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: nowrap"
           ]
         },
         {
-          "selector": ".pre-m",
+          "selector": ".ws-pre-m",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: pre"
@@ -18245,22 +18301,22 @@
           ]
         },
         {
-          "selector": ".nowrap-l",
+          "selector": ".ws-nowrap-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: nowrap"
           ]
         },
         {
-          "selector": ".pre-l",
+          "selector": ".ws-pre-l",
           "moduleName": "/Users/johno/c/tachyons/docs/tachyons-white-space",
           "declarations": [
             "white-space: pre"
           ]
         }
       ],
-      "readme": "\n\n# WHITE SPACE\n\n### Base\n\n- ws-normal = white-space normal\n- nowrap = white-space nowrap\n- pre = white-space pre\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
-      "src": "/*!!!\n\n# WHITE SPACE\n\n### Base\n\n- ws-normal = white-space normal\n- nowrap = white-space nowrap\n- pre = white-space pre\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n\n.ws-normal { white-space: normal; }\n.nowrap { white-space: nowrap; }\n.pre { white-space: pre; }\n\n@media (--breakpoint-small) {\n  .ws-normal-s { white-space: normal; }\n  .nowrap-s { white-space: nowrap; }\n  .pre-s { white-space: pre; }\n}\n\n@media (--breakpoint-medium) {\n  .ws-normal-m { white-space: normal; }\n  .nowrap-m { white-space: nowrap; }\n  .pre-m { white-space: pre; }\n}\n\n@media (--breakpoint-large) {\n  .ws-normal-l { white-space: normal; }\n  .nowrap-l { white-space: nowrap; }\n  .pre-l { white-space: pre; }\n}\n",
+      "readme": "\n\n# WHITE SPACE\n\n### Base\n\n- ws-normal = white-space normal\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n",
+      "src": "/*!!!\n\n# WHITE SPACE\n\n### Base\n\n- ws-normal = white-space normal\n\n### Media Query Extensions\n\n- `-s` = small\n- `-m` = medium\n- `-l` = large\n*/\n\n\n.ws-normal { white-space: normal; }\n.ws-nowrap { white-space: nowrap; }\n.ws-pre { white-space: pre; }\n\n@media (--breakpoint-small) {\n  .ws-normal-s { white-space: normal; }\n  .ws-nowrap-s { white-space: nowrap; }\n  .ws-pre-s { white-space: pre; }\n}\n\n@media (--breakpoint-medium) {\n  .ws-normal-m { white-space: normal; }\n  .ws-nowrap-m { white-space: nowrap; }\n  .ws-pre-m { white-space: pre; }\n}\n\n@media (--breakpoint-large) {\n  .ws-normal-l { white-space: normal; }\n  .ws-nowrap-l { white-space: nowrap; }\n  .ws-pre-l { white-space: pre; }\n}\n",
       "css": "/*\n\n   WHITE SPACE\n\n*/\n.ws-normal { white-space: normal; }\n.nowrap { white-space: nowrap; }\n.pre { white-space: pre; }\n@media screen and (min-width: 30em) {\n .ws-normal-ns { white-space: normal; }\n .nowrap-ns { white-space: nowrap; }\n .pre-ns { white-space: pre; }\n}\n@media screen and (min-width: 30em) and (max-width: 60em) {\n .ws-normal-m { white-space: normal; }\n .nowrap-m { white-space: nowrap; }\n .pre-m { white-space: pre; }\n}\n@media screen and (min-width: 60em) {\n .ws-normal-l { white-space: normal; }\n .nowrap-l { white-space: nowrap; }\n .pre-l { white-space: pre; }\n}\n\n"
     },
     "tachyons-widths": {
diff --git a/docs/pages/_document.js b/docs/pages/_document.js
index 13be826..597d27e 100644
--- a/docs/pages/_document.js
+++ b/docs/pages/_document.js
@@ -1,11 +1,15 @@
 import Document, { Head, Main, NextScript } from 'next/document'
+import { version } from '../../package.json'
 
 export default class _Document extends Document {
   render() {
     return (
       <html className="min-vh-100">
         <Head>
-          <link rel="stylesheet" href="https://file-jyzsebnxow.now.sh" />
+          <link
+            rel="stylesheet"
+            href={`https://unpkg.com/tachyons@${version}/css/tachyons.min.css`}
+          />
           <link rel="stylesheet" href="https://file-zlngimivyb.now.sh" />
         </Head>
         <body className="sans-serif min-vh-100">
diff --git a/docs/pages/components/article-lists/title-preview-author-media-flipped.js b/docs/pages/components/article-lists/title-preview-author-media-flipped.js
index 6b5acfb..2485fc7 100644
--- a/docs/pages/components/article-lists/title-preview-author-media-flipped.js
+++ b/docs/pages/components/article-lists/title-preview-author-media-flipped.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/article-lists/title-preview-author-media-flipped.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/article-lists/title-preview-author-media-flipped.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/article-lists/title-preview-author-media.js b/docs/pages/components/article-lists/title-preview-author-media.js
index 40a52e6..f2059a8 100644
--- a/docs/pages/components/article-lists/title-preview-author-media.js
+++ b/docs/pages/components/article-lists/title-preview-author-media.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/article-lists/title-preview-author-media.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/article-lists/title-preview-author-media.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/feature.js b/docs/pages/components/articles/feature.js
index e16f2e4..3dae38b 100644
--- a/docs/pages/components/articles/feature.js
+++ b/docs/pages/components/articles/feature.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/feature.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/feature.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/full-bleed-background.js b/docs/pages/components/articles/full-bleed-background.js
index 2344c88..42cc14f 100644
--- a/docs/pages/components/articles/full-bleed-background.js
+++ b/docs/pages/components/articles/full-bleed-background.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/full-bleed-background.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/full-bleed-background.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/headline-title-text.js b/docs/pages/components/articles/headline-title-text.js
index 58993c8..728d0e3 100644
--- a/docs/pages/components/articles/headline-title-text.js
+++ b/docs/pages/components/articles/headline-title-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/headline-title-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/headline-title-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/large-title-text.js b/docs/pages/components/articles/large-title-text.js
index 4e4916c..c43ee11 100644
--- a/docs/pages/components/articles/large-title-text.js
+++ b/docs/pages/components/articles/large-title-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/large-title-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/large-title-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/left-title-top-border.js b/docs/pages/components/articles/left-title-top-border.js
index 49795dd..c5480d3 100644
--- a/docs/pages/components/articles/left-title-top-border.js
+++ b/docs/pages/components/articles/left-title-top-border.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/left-title-top-border.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/left-title-top-border.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/left-title.js b/docs/pages/components/articles/left-title.js
index cc3a7b6..2f12fd4 100644
--- a/docs/pages/components/articles/left-title.js
+++ b/docs/pages/components/articles/left-title.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/left-title.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/left-title.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/photo-essay.js b/docs/pages/components/articles/photo-essay.js
index b8e3cbb..13ebded 100644
--- a/docs/pages/components/articles/photo-essay.js
+++ b/docs/pages/components/articles/photo-essay.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/photo-essay.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/photo-essay.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/single-column-large-title.js b/docs/pages/components/articles/single-column-large-title.js
index f0431a0..10d2193 100644
--- a/docs/pages/components/articles/single-column-large-title.js
+++ b/docs/pages/components/articles/single-column-large-title.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/single-column-large-title.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/single-column-large-title.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/title-highlight-header-cover.js b/docs/pages/components/articles/title-highlight-header-cover.js
index f7e2994..4e76a0e 100644
--- a/docs/pages/components/articles/title-highlight-header-cover.js
+++ b/docs/pages/components/articles/title-highlight-header-cover.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/title-highlight-header-cover.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/title-highlight-header-cover.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/title-text-image.js b/docs/pages/components/articles/title-text-image.js
index 7a1f9e4..c85b68a 100644
--- a/docs/pages/components/articles/title-text-image.js
+++ b/docs/pages/components/articles/title-text-image.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/title-text-image.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/title-text-image.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/articles/title-text.js b/docs/pages/components/articles/title-text.js
index f73ed7c..de2e546 100644
--- a/docs/pages/components/articles/title-text.js
+++ b/docs/pages/components/articles/title-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/articles/title-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/articles/title-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/circle-border.js b/docs/pages/components/avatars/circle-border.js
index 0104e1f..15d2c0a 100644
--- a/docs/pages/components/avatars/circle-border.js
+++ b/docs/pages/components/avatars/circle-border.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/circle-border.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/circle-border.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/circle.js b/docs/pages/components/avatars/circle.js
index 357daae..391ab2e 100644
--- a/docs/pages/components/avatars/circle.js
+++ b/docs/pages/components/avatars/circle.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/circle.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/circle.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/double-ring.js b/docs/pages/components/avatars/double-ring.js
index 8c9c7f5..0a981b4 100644
--- a/docs/pages/components/avatars/double-ring.js
+++ b/docs/pages/components/avatars/double-ring.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/double-ring.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/double-ring.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/rounded-large.js b/docs/pages/components/avatars/rounded-large.js
index a7d542a..bf24f50 100644
--- a/docs/pages/components/avatars/rounded-large.js
+++ b/docs/pages/components/avatars/rounded-large.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/rounded-large.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/rounded-large.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/rounded-medium.js b/docs/pages/components/avatars/rounded-medium.js
index 310a0a5..89f239b 100644
--- a/docs/pages/components/avatars/rounded-medium.js
+++ b/docs/pages/components/avatars/rounded-medium.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/rounded-medium.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/rounded-medium.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/rounded-small.js b/docs/pages/components/avatars/rounded-small.js
index d8bbac6..1d2e0b5 100644
--- a/docs/pages/components/avatars/rounded-small.js
+++ b/docs/pages/components/avatars/rounded-small.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/rounded-small.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/rounded-small.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/avatars/square.js b/docs/pages/components/avatars/square.js
index 47c4fff..f4ecf7a 100644
--- a/docs/pages/components/avatars/square.js
+++ b/docs/pages/components/avatars/square.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/avatars/square.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/avatars/square.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/banners/basic.js b/docs/pages/components/banners/basic.js
index 2423463..86b2c28 100644
--- a/docs/pages/components/banners/basic.js
+++ b/docs/pages/components/banners/basic.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/banners/basic.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/banners/basic.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/banners/info.js b/docs/pages/components/banners/info.js
index 58db946..fdd73d7 100644
--- a/docs/pages/components/banners/info.js
+++ b/docs/pages/components/banners/info.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/banners/info.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/banners/info.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/banners/single-cta.js b/docs/pages/components/banners/single-cta.js
index 469a633..ab0a188 100644
--- a/docs/pages/components/banners/single-cta.js
+++ b/docs/pages/components/banners/single-cta.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/banners/single-cta.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/banners/single-cta.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/basic-previous-next.js b/docs/pages/components/buttons/basic-previous-next.js
index 9ef5526..e28103c 100644
--- a/docs/pages/components/buttons/basic-previous-next.js
+++ b/docs/pages/components/buttons/basic-previous-next.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/basic-previous-next.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/basic-previous-next.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/basic-rounded-extra-small.js b/docs/pages/components/buttons/basic-rounded-extra-small.js
index a1e984f..5a2124c 100644
--- a/docs/pages/components/buttons/basic-rounded-extra-small.js
+++ b/docs/pages/components/buttons/basic-rounded-extra-small.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/basic-rounded-extra-small.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/basic-rounded-extra-small.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/basic-rounded-small.js b/docs/pages/components/buttons/basic-rounded-small.js
index 1bf50f4..8d42c3b 100644
--- a/docs/pages/components/buttons/basic-rounded-small.js
+++ b/docs/pages/components/buttons/basic-rounded-small.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/basic-rounded-small.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/basic-rounded-small.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/basic-rounded.js b/docs/pages/components/buttons/basic-rounded.js
index bb0d21b..df6ac5a 100644
--- a/docs/pages/components/buttons/basic-rounded.js
+++ b/docs/pages/components/buttons/basic-rounded.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/basic-rounded.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/basic-rounded.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/basic.js b/docs/pages/components/buttons/basic.js
index e6398ab..fc74d0f 100644
--- a/docs/pages/components/buttons/basic.js
+++ b/docs/pages/components/buttons/basic.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/basic.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/basic.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/centered-icons.js b/docs/pages/components/buttons/centered-icons.js
index 70ab33e..c02c1f2 100644
--- a/docs/pages/components/buttons/centered-icons.js
+++ b/docs/pages/components/buttons/centered-icons.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/centered-icons.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/centered-icons.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/pill-grow.js b/docs/pages/components/buttons/pill-grow.js
index eb4d022..f0b29e1 100644
--- a/docs/pages/components/buttons/pill-grow.js
+++ b/docs/pages/components/buttons/pill-grow.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/pill-grow.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/pill-grow.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/buttons/pill.js b/docs/pages/components/buttons/pill.js
index 0a49be5..7ca0211 100644
--- a/docs/pages/components/buttons/pill.js
+++ b/docs/pages/components/buttons/pill.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/buttons/pill.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/buttons/pill.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/album-centered.js b/docs/pages/components/cards/album-centered.js
index b67968b..05ab351 100644
--- a/docs/pages/components/cards/album-centered.js
+++ b/docs/pages/components/cards/album-centered.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/album-centered.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/album-centered.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/album-left.js b/docs/pages/components/cards/album-left.js
index 296cd6c..4eb620b 100644
--- a/docs/pages/components/cards/album-left.js
+++ b/docs/pages/components/cards/album-left.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/album-left.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/album-left.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/basic-text-card.js b/docs/pages/components/cards/basic-text-card.js
index e11cd2b..c9e4ce2 100644
--- a/docs/pages/components/cards/basic-text-card.js
+++ b/docs/pages/components/cards/basic-text-card.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/basic-text-card.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/basic-text-card.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/news-card.js b/docs/pages/components/cards/news-card.js
index d15e91a..592f1ad 100644
--- a/docs/pages/components/cards/news-card.js
+++ b/docs/pages/components/cards/news-card.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/news-card.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/news-card.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/product-card.js b/docs/pages/components/cards/product-card.js
index 70d1310..0ead58e 100644
--- a/docs/pages/components/cards/product-card.js
+++ b/docs/pages/components/cards/product-card.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/product-card.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/product-card.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/profile-card-title-subtitle.js b/docs/pages/components/cards/profile-card-title-subtitle.js
index 71f1a76..e4f1458 100644
--- a/docs/pages/components/cards/profile-card-title-subtitle.js
+++ b/docs/pages/components/cards/profile-card-title-subtitle.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/profile-card-title-subtitle.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/profile-card-title-subtitle.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/profile-card.js b/docs/pages/components/cards/profile-card.js
index 05c6ba3..ea233e8 100644
--- a/docs/pages/components/cards/profile-card.js
+++ b/docs/pages/components/cards/profile-card.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/profile-card.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/profile-card.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/suggested-profile.js b/docs/pages/components/cards/suggested-profile.js
index f1cdf69..3a20b39 100644
--- a/docs/pages/components/cards/suggested-profile.js
+++ b/docs/pages/components/cards/suggested-profile.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/suggested-profile.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/suggested-profile.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/cards/text-card.js b/docs/pages/components/cards/text-card.js
index e2ae6c1..1ce6156 100644
--- a/docs/pages/components/cards/text-card.js
+++ b/docs/pages/components/cards/text-card.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/cards/text-card.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/cards/text-card.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/albums.js b/docs/pages/components/collections/albums.js
index cbce061..0444362 100644
--- a/docs/pages/components/collections/albums.js
+++ b/docs/pages/components/collections/albums.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/albums.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/albums.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/movies.js b/docs/pages/components/collections/movies.js
index ec9ae9c..32ef4db 100644
--- a/docs/pages/components/collections/movies.js
+++ b/docs/pages/components/collections/movies.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/movies.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/movies.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/posters-dim.js b/docs/pages/components/collections/posters-dim.js
index 5e5319c..2cdb53e 100644
--- a/docs/pages/components/collections/posters-dim.js
+++ b/docs/pages/components/collections/posters-dim.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/posters-dim.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/posters-dim.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/posters.js b/docs/pages/components/collections/posters.js
index b6d7302..e251f20 100644
--- a/docs/pages/components/collections/posters.js
+++ b/docs/pages/components/collections/posters.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/posters.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/posters.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/square-title-subtitle.js b/docs/pages/components/collections/square-title-subtitle.js
index 3d9d00a..9763eb0 100644
--- a/docs/pages/components/collections/square-title-subtitle.js
+++ b/docs/pages/components/collections/square-title-subtitle.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/square-title-subtitle.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/square-title-subtitle.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/collections/vinyl.js b/docs/pages/components/collections/vinyl.js
index 6cd4da8..c30f6a8 100644
--- a/docs/pages/components/collections/vinyl.js
+++ b/docs/pages/components/collections/vinyl.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/collections/vinyl.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/collections/vinyl.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/definition-lists/inline.js b/docs/pages/components/definition-lists/inline.js
index bc723f5..7293c1d 100644
--- a/docs/pages/components/definition-lists/inline.js
+++ b/docs/pages/components/definition-lists/inline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/definition-lists/inline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/definition-lists/inline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/definition-lists/simple.js b/docs/pages/components/definition-lists/simple.js
index b4fdcc2..9172869 100644
--- a/docs/pages/components/definition-lists/simple.js
+++ b/docs/pages/components/definition-lists/simple.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/definition-lists/simple.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/definition-lists/simple.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/error-pages/404.js b/docs/pages/components/error-pages/404.js
index 00d909e..3f6ce97 100644
--- a/docs/pages/components/error-pages/404.js
+++ b/docs/pages/components/error-pages/404.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/error-pages/404.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/error-pages/404.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/centered-icons-hover-glow.js b/docs/pages/components/footers/centered-icons-hover-glow.js
index b53f737..7d2c6c9 100644
--- a/docs/pages/components/footers/centered-icons-hover-glow.js
+++ b/docs/pages/components/footers/centered-icons-hover-glow.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/centered-icons-hover-glow.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/centered-icons-hover-glow.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/inline-text.js b/docs/pages/components/footers/inline-text.js
index 9ace4c9..e64e66a 100644
--- a/docs/pages/components/footers/inline-text.js
+++ b/docs/pages/components/footers/inline-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/inline-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/inline-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/simple-large-type.js b/docs/pages/components/footers/simple-large-type.js
index 350a137..21a4eb1 100644
--- a/docs/pages/components/footers/simple-large-type.js
+++ b/docs/pages/components/footers/simple-large-type.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/simple-large-type.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/simple-large-type.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/small-print.js b/docs/pages/components/footers/small-print.js
index fba977d..ad9b796 100644
--- a/docs/pages/components/footers/small-print.js
+++ b/docs/pages/components/footers/small-print.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/small-print.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/small-print.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/social-circles.js b/docs/pages/components/footers/social-circles.js
index d3072e7..3b9e087 100644
--- a/docs/pages/components/footers/social-circles.js
+++ b/docs/pages/components/footers/social-circles.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/social-circles.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/social-circles.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/social-simple-text.js b/docs/pages/components/footers/social-simple-text.js
index c9b1ba9..089350f 100644
--- a/docs/pages/components/footers/social-simple-text.js
+++ b/docs/pages/components/footers/social-simple-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/social-simple-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/social-simple-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/social-simple.js b/docs/pages/components/footers/social-simple.js
index 71bd103..327726b 100644
--- a/docs/pages/components/footers/social-simple.js
+++ b/docs/pages/components/footers/social-simple.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/social-simple.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/social-simple.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/social-text.js b/docs/pages/components/footers/social-text.js
index 54138c4..7002dfc 100644
--- a/docs/pages/components/footers/social-text.js
+++ b/docs/pages/components/footers/social-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/social-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/social-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/social.js b/docs/pages/components/footers/social.js
index ede3d7d..9db5f9a 100644
--- a/docs/pages/components/footers/social.js
+++ b/docs/pages/components/footers/social.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/social.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/social.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/footers/studios.js b/docs/pages/components/footers/studios.js
index d6f1445..75d4cb3 100644
--- a/docs/pages/components/footers/studios.js
+++ b/docs/pages/components/footers/studios.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/footers/studios.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/footers/studios.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/checkbox-list.js b/docs/pages/components/forms/checkbox-list.js
index cf11ec6..42af759 100644
--- a/docs/pages/components/forms/checkbox-list.js
+++ b/docs/pages/components/forms/checkbox-list.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/checkbox-list.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/checkbox-list.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/input-text-label.js b/docs/pages/components/forms/input-text-label.js
index ae04541..4fef887 100644
--- a/docs/pages/components/forms/input-text-label.js
+++ b/docs/pages/components/forms/input-text-label.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/input-text-label.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/input-text-label.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/newsletter-subscription.js b/docs/pages/components/forms/newsletter-subscription.js
index 73070f1..2037a6d 100644
--- a/docs/pages/components/forms/newsletter-subscription.js
+++ b/docs/pages/components/forms/newsletter-subscription.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/newsletter-subscription.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/newsletter-subscription.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/password.js b/docs/pages/components/forms/password.js
index 1def53d..a7cb403 100644
--- a/docs/pages/components/forms/password.js
+++ b/docs/pages/components/forms/password.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/password.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/password.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/sign-in.js b/docs/pages/components/forms/sign-in.js
index 7b0a945..ff9e18e 100644
--- a/docs/pages/components/forms/sign-in.js
+++ b/docs/pages/components/forms/sign-in.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/sign-in.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/sign-in.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/sign-up.js b/docs/pages/components/forms/sign-up.js
index b0d5661..08e33cc 100644
--- a/docs/pages/components/forms/sign-up.js
+++ b/docs/pages/components/forms/sign-up.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/sign-up.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/sign-up.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/forms/textarea-label.js b/docs/pages/components/forms/textarea-label.js
index e1ef972..223cd14 100644
--- a/docs/pages/components/forms/textarea-label.js
+++ b/docs/pages/components/forms/textarea-label.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/forms/textarea-label.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/forms/textarea-label.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/headers/circle-avatar-title-subtitle.js b/docs/pages/components/headers/circle-avatar-title-subtitle.js
index 299b5b5..81dd5f8 100644
--- a/docs/pages/components/headers/circle-avatar-title-subtitle.js
+++ b/docs/pages/components/headers/circle-avatar-title-subtitle.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/headers/circle-avatar-title-subtitle.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/headers/circle-avatar-title-subtitle.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/headers/rounded-avatar-title-subtitle.js b/docs/pages/components/headers/rounded-avatar-title-subtitle.js
index fb589c2..eee8f03 100644
--- a/docs/pages/components/headers/rounded-avatar-title-subtitle.js
+++ b/docs/pages/components/headers/rounded-avatar-title-subtitle.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/headers/rounded-avatar-title-subtitle.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/headers/rounded-avatar-title-subtitle.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/headers/startup-hero.js b/docs/pages/components/headers/startup-hero.js
index 077e613..0b2a685 100644
--- a/docs/pages/components/headers/startup-hero.js
+++ b/docs/pages/components/headers/startup-hero.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/headers/startup-hero.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/headers/startup-hero.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-16x9.js b/docs/pages/components/layout/aspect-ratio-16x9.js
index 9596621..3369eb0 100644
--- a/docs/pages/components/layout/aspect-ratio-16x9.js
+++ b/docs/pages/components/layout/aspect-ratio-16x9.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-16x9.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-16x9.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-1x1.js b/docs/pages/components/layout/aspect-ratio-1x1.js
index 7a8d082..87a030c 100644
--- a/docs/pages/components/layout/aspect-ratio-1x1.js
+++ b/docs/pages/components/layout/aspect-ratio-1x1.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-1x1.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-1x1.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-3x4.js b/docs/pages/components/layout/aspect-ratio-3x4.js
index 655c424..eaaeb29 100644
--- a/docs/pages/components/layout/aspect-ratio-3x4.js
+++ b/docs/pages/components/layout/aspect-ratio-3x4.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-3x4.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-3x4.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-4x3.js b/docs/pages/components/layout/aspect-ratio-4x3.js
index c82a04b..a51951c 100644
--- a/docs/pages/components/layout/aspect-ratio-4x3.js
+++ b/docs/pages/components/layout/aspect-ratio-4x3.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-4x3.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-4x3.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-4x6.js b/docs/pages/components/layout/aspect-ratio-4x6.js
index 147ad41..8352e31 100644
--- a/docs/pages/components/layout/aspect-ratio-4x6.js
+++ b/docs/pages/components/layout/aspect-ratio-4x6.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-4x6.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-4x6.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-5x7.js b/docs/pages/components/layout/aspect-ratio-5x7.js
index 79496bb..58bd13f 100644
--- a/docs/pages/components/layout/aspect-ratio-5x7.js
+++ b/docs/pages/components/layout/aspect-ratio-5x7.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-5x7.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-5x7.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-5x8.js b/docs/pages/components/layout/aspect-ratio-5x8.js
index 9035ce0..5c7c4e1 100644
--- a/docs/pages/components/layout/aspect-ratio-5x8.js
+++ b/docs/pages/components/layout/aspect-ratio-5x8.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-5x8.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-5x8.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-6x4.js b/docs/pages/components/layout/aspect-ratio-6x4.js
index 5c876f4..110cb2d 100644
--- a/docs/pages/components/layout/aspect-ratio-6x4.js
+++ b/docs/pages/components/layout/aspect-ratio-6x4.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-6x4.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-6x4.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-7x5.js b/docs/pages/components/layout/aspect-ratio-7x5.js
index 0c2c99b..437ff46 100644
--- a/docs/pages/components/layout/aspect-ratio-7x5.js
+++ b/docs/pages/components/layout/aspect-ratio-7x5.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-7x5.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-7x5.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-8x5.js b/docs/pages/components/layout/aspect-ratio-8x5.js
index d4df0e7..fd7f8bf 100644
--- a/docs/pages/components/layout/aspect-ratio-8x5.js
+++ b/docs/pages/components/layout/aspect-ratio-8x5.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-8x5.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-8x5.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/aspect-ratio-9x16.js b/docs/pages/components/layout/aspect-ratio-9x16.js
index f989966..b319d49 100644
--- a/docs/pages/components/layout/aspect-ratio-9x16.js
+++ b/docs/pages/components/layout/aspect-ratio-9x16.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/aspect-ratio-9x16.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/aspect-ratio-9x16.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/centered-container.js b/docs/pages/components/layout/centered-container.js
index 28b161d..491baa8 100644
--- a/docs/pages/components/layout/centered-container.js
+++ b/docs/pages/components/layout/centered-container.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/centered-container.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/centered-container.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/five-column-collapse-alternate.js b/docs/pages/components/layout/five-column-collapse-alternate.js
index 83b28f5..7faa127 100644
--- a/docs/pages/components/layout/five-column-collapse-alternate.js
+++ b/docs/pages/components/layout/five-column-collapse-alternate.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/five-column-collapse-alternate.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/five-column-collapse-alternate.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/five-column-collapse-asymmetrical.js b/docs/pages/components/layout/five-column-collapse-asymmetrical.js
index 26c27e1..ffb458f 100644
--- a/docs/pages/components/layout/five-column-collapse-asymmetrical.js
+++ b/docs/pages/components/layout/five-column-collapse-asymmetrical.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/five-column-collapse-asymmetrical.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/five-column-collapse-asymmetrical.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/five-column-collapse-mixed.js b/docs/pages/components/layout/five-column-collapse-mixed.js
index fed4de6..70ac483 100644
--- a/docs/pages/components/layout/five-column-collapse-mixed.js
+++ b/docs/pages/components/layout/five-column-collapse-mixed.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/five-column-collapse-mixed.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/five-column-collapse-mixed.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/five-column-collapse-one.js b/docs/pages/components/layout/five-column-collapse-one.js
index b39744c..9c2c6b6 100644
--- a/docs/pages/components/layout/five-column-collapse-one.js
+++ b/docs/pages/components/layout/five-column-collapse-one.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/five-column-collapse-one.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/five-column-collapse-one.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/five-column.js b/docs/pages/components/layout/five-column.js
index 60051ca..3b5c4ec 100644
--- a/docs/pages/components/layout/five-column.js
+++ b/docs/pages/components/layout/five-column.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/five-column.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/five-column.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/fixed-table-layout-grid-mixed-rows.js b/docs/pages/components/layout/fixed-table-layout-grid-mixed-rows.js
index bc685fb..b0dcedb 100644
--- a/docs/pages/components/layout/fixed-table-layout-grid-mixed-rows.js
+++ b/docs/pages/components/layout/fixed-table-layout-grid-mixed-rows.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/fixed-table-layout-grid-mixed-rows.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/fixed-table-layout-grid-mixed-rows.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/fixed-table-layout-grid.js b/docs/pages/components/layout/fixed-table-layout-grid.js
index c5b05c7..3287d63 100644
--- a/docs/pages/components/layout/fixed-table-layout-grid.js
+++ b/docs/pages/components/layout/fixed-table-layout-grid.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/fixed-table-layout-grid.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/fixed-table-layout-grid.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/flag-object-bottom.js b/docs/pages/components/layout/flag-object-bottom.js
index 45ee84e..cc62476 100644
--- a/docs/pages/components/layout/flag-object-bottom.js
+++ b/docs/pages/components/layout/flag-object-bottom.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/flag-object-bottom.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/flag-object-bottom.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/flag-object-collapse.js b/docs/pages/components/layout/flag-object-collapse.js
index 48f337d..e04d614 100644
--- a/docs/pages/components/layout/flag-object-collapse.js
+++ b/docs/pages/components/layout/flag-object-collapse.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/flag-object-collapse.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/flag-object-collapse.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/flag-object-top.js b/docs/pages/components/layout/flag-object-top.js
index 4af3c22..3928b82 100644
--- a/docs/pages/components/layout/flag-object-top.js
+++ b/docs/pages/components/layout/flag-object-top.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/flag-object-top.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/flag-object-top.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/flag-object.js b/docs/pages/components/layout/flag-object.js
index e9a1b74..ba5ada9 100644
--- a/docs/pages/components/layout/flag-object.js
+++ b/docs/pages/components/layout/flag-object.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/flag-object.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/flag-object.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/four-column-collapse-two-collapse-one.js b/docs/pages/components/layout/four-column-collapse-two-collapse-one.js
index f27ca30..9bb49ac 100644
--- a/docs/pages/components/layout/four-column-collapse-two-collapse-one.js
+++ b/docs/pages/components/layout/four-column-collapse-two-collapse-one.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/four-column-collapse-two-collapse-one.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/four-column-collapse-two-collapse-one.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/four-column-collapse-two.js b/docs/pages/components/layout/four-column-collapse-two.js
index bb2d6ee..c07e1b1 100644
--- a/docs/pages/components/layout/four-column-collapse-two.js
+++ b/docs/pages/components/layout/four-column-collapse-two.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/four-column-collapse-two.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/four-column-collapse-two.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/four-column.js b/docs/pages/components/layout/four-column.js
index 2c1d3d8..47ae8b3 100644
--- a/docs/pages/components/layout/four-column.js
+++ b/docs/pages/components/layout/four-column.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/four-column.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/four-column.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-16x9.js b/docs/pages/components/layout/full-bleed-16x9.js
index d6b4016..faea8ef 100644
--- a/docs/pages/components/layout/full-bleed-16x9.js
+++ b/docs/pages/components/layout/full-bleed-16x9.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-16x9.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-16x9.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-4x6.js b/docs/pages/components/layout/full-bleed-4x6.js
index 1639c88..1dcbf50 100644
--- a/docs/pages/components/layout/full-bleed-4x6.js
+++ b/docs/pages/components/layout/full-bleed-4x6.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-4x6.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-4x6.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-5x7.js b/docs/pages/components/layout/full-bleed-5x7.js
index 563eb32..0c38aa1 100644
--- a/docs/pages/components/layout/full-bleed-5x7.js
+++ b/docs/pages/components/layout/full-bleed-5x7.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-5x7.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-5x7.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-5x8.js b/docs/pages/components/layout/full-bleed-5x8.js
index acf21af..677a6d0 100644
--- a/docs/pages/components/layout/full-bleed-5x8.js
+++ b/docs/pages/components/layout/full-bleed-5x8.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-5x8.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-5x8.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-6x4.js b/docs/pages/components/layout/full-bleed-6x4.js
index 033b526..b23e287 100644
--- a/docs/pages/components/layout/full-bleed-6x4.js
+++ b/docs/pages/components/layout/full-bleed-6x4.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-6x4.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-6x4.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-7x5.js b/docs/pages/components/layout/full-bleed-7x5.js
index 792e19a..6e88937 100644
--- a/docs/pages/components/layout/full-bleed-7x5.js
+++ b/docs/pages/components/layout/full-bleed-7x5.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-7x5.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-7x5.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-8x5.js b/docs/pages/components/layout/full-bleed-8x5.js
index 6dae035..37ecbfc 100644
--- a/docs/pages/components/layout/full-bleed-8x5.js
+++ b/docs/pages/components/layout/full-bleed-8x5.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-8x5.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-8x5.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-9x16.js b/docs/pages/components/layout/full-bleed-9x16.js
index d85cf8e..629ba9f 100644
--- a/docs/pages/components/layout/full-bleed-9x16.js
+++ b/docs/pages/components/layout/full-bleed-9x16.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-9x16.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-9x16.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-bleed-square.js b/docs/pages/components/layout/full-bleed-square.js
index ffb9583..b291671 100644
--- a/docs/pages/components/layout/full-bleed-square.js
+++ b/docs/pages/components/layout/full-bleed-square.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-bleed-square.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-bleed-square.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/full-screen-centered-title.js b/docs/pages/components/layout/full-screen-centered-title.js
index 92ad334..373735f 100644
--- a/docs/pages/components/layout/full-screen-centered-title.js
+++ b/docs/pages/components/layout/full-screen-centered-title.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/full-screen-centered-title.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/full-screen-centered-title.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/horizontal-aspect-ratios.js b/docs/pages/components/layout/horizontal-aspect-ratios.js
index 2b05d51..6d33cd5 100644
--- a/docs/pages/components/layout/horizontal-aspect-ratios.js
+++ b/docs/pages/components/layout/horizontal-aspect-ratios.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/horizontal-aspect-ratios.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/horizontal-aspect-ratios.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/three-column-collapse-one.js b/docs/pages/components/layout/three-column-collapse-one.js
index c2c1fbc..13106c3 100644
--- a/docs/pages/components/layout/three-column-collapse-one.js
+++ b/docs/pages/components/layout/three-column-collapse-one.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/three-column-collapse-one.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/three-column-collapse-one.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/three-column.js b/docs/pages/components/layout/three-column.js
index fcad9f1..d841e01 100644
--- a/docs/pages/components/layout/three-column.js
+++ b/docs/pages/components/layout/three-column.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/three-column.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/three-column.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/two-column-collapse-one.js b/docs/pages/components/layout/two-column-collapse-one.js
index 1a9522a..d433da5 100644
--- a/docs/pages/components/layout/two-column-collapse-one.js
+++ b/docs/pages/components/layout/two-column-collapse-one.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/two-column-collapse-one.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/two-column-collapse-one.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/layout/two-column.js b/docs/pages/components/layout/two-column.js
index 74c0536..db9f058 100644
--- a/docs/pages/components/layout/two-column.js
+++ b/docs/pages/components/layout/two-column.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/layout/two-column.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/layout/two-column.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/links/animate-background-color.js b/docs/pages/components/links/animate-background-color.js
index 5dcdfcf..9235a08 100644
--- a/docs/pages/components/links/animate-background-color.js
+++ b/docs/pages/components/links/animate-background-color.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/links/animate-background-color.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/links/animate-background-color.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/links/animate-color.js b/docs/pages/components/links/animate-color.js
index 8e099e7..11353c1 100644
--- a/docs/pages/components/links/animate-color.js
+++ b/docs/pages/components/links/animate-color.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/links/animate-color.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/links/animate-color.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/links/dim-no-underline.js b/docs/pages/components/links/dim-no-underline.js
index 71cc131..53906ba 100644
--- a/docs/pages/components/links/dim-no-underline.js
+++ b/docs/pages/components/links/dim-no-underline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/links/dim-no-underline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/links/dim-no-underline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/links/underline-on-hover.js b/docs/pages/components/links/underline-on-hover.js
index fbd2379..6d8ddf2 100644
--- a/docs/pages/components/links/underline-on-hover.js
+++ b/docs/pages/components/links/underline-on-hover.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/links/underline-on-hover.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/links/underline-on-hover.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/block-item-dotted-border.js b/docs/pages/components/lists/block-item-dotted-border.js
index 869d610..5101124 100644
--- a/docs/pages/components/lists/block-item-dotted-border.js
+++ b/docs/pages/components/lists/block-item-dotted-border.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/block-item-dotted-border.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/block-item-dotted-border.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/border-spaced.js b/docs/pages/components/lists/border-spaced.js
index 22db5c7..00d191c 100644
--- a/docs/pages/components/lists/border-spaced.js
+++ b/docs/pages/components/lists/border-spaced.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/border-spaced.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/border-spaced.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/border-tight.js b/docs/pages/components/lists/border-tight.js
index 6bdfbb2..d83c157 100644
--- a/docs/pages/components/lists/border-tight.js
+++ b/docs/pages/components/lists/border-tight.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/border-tight.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/border-tight.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/contact-phone.js b/docs/pages/components/lists/contact-phone.js
index 1c5888d..398f984 100644
--- a/docs/pages/components/lists/contact-phone.js
+++ b/docs/pages/components/lists/contact-phone.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/contact-phone.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/contact-phone.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/follower-notifications-rounded-square-avatar.js b/docs/pages/components/lists/follower-notifications-rounded-square-avatar.js
index cf99ba8..cfa22cd 100644
--- a/docs/pages/components/lists/follower-notifications-rounded-square-avatar.js
+++ b/docs/pages/components/lists/follower-notifications-rounded-square-avatar.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/follower-notifications-rounded-square-avatar.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/follower-notifications-rounded-square-avatar.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/follower-notifications.js b/docs/pages/components/lists/follower-notifications.js
index 67c45d9..793b03a 100644
--- a/docs/pages/components/lists/follower-notifications.js
+++ b/docs/pages/components/lists/follower-notifications.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/follower-notifications.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/follower-notifications.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/hashtags.js b/docs/pages/components/lists/hashtags.js
index 691bc13..542ff7f 100644
--- a/docs/pages/components/lists/hashtags.js
+++ b/docs/pages/components/lists/hashtags.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/hashtags.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/hashtags.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/items-image-title-price.js b/docs/pages/components/lists/items-image-title-price.js
index 729c23d..0873e93 100644
--- a/docs/pages/components/lists/items-image-title-price.js
+++ b/docs/pages/components/lists/items-image-title-price.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/items-image-title-price.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/items-image-title-price.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/large-links-inline.js b/docs/pages/components/lists/large-links-inline.js
index 391230f..5e0155b 100644
--- a/docs/pages/components/lists/large-links-inline.js
+++ b/docs/pages/components/lists/large-links-inline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/large-links-inline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/large-links-inline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/links-animate-color.js b/docs/pages/components/lists/links-animate-color.js
index b049910..a12027e 100644
--- a/docs/pages/components/lists/links-animate-color.js
+++ b/docs/pages/components/lists/links-animate-color.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/links-animate-color.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/links-animate-color.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/links-inline.js b/docs/pages/components/lists/links-inline.js
index 5c741c6..c732193 100644
--- a/docs/pages/components/lists/links-inline.js
+++ b/docs/pages/components/lists/links-inline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/links-inline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/links-inline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/links-with-borders-inline.js b/docs/pages/components/lists/links-with-borders-inline.js
index a54550a..cc1265c 100644
--- a/docs/pages/components/lists/links-with-borders-inline.js
+++ b/docs/pages/components/lists/links-with-borders-inline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/links-with-borders-inline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/links-with-borders-inline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/slab-stat-large.js b/docs/pages/components/lists/slab-stat-large.js
index c969c8d..c77335d 100644
--- a/docs/pages/components/lists/slab-stat-large.js
+++ b/docs/pages/components/lists/slab-stat-large.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/slab-stat-large.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/slab-stat-large.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/slab-stat-small.js b/docs/pages/components/lists/slab-stat-small.js
index c5ce0ee..133b8d5 100644
--- a/docs/pages/components/lists/slab-stat-small.js
+++ b/docs/pages/components/lists/slab-stat-small.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/slab-stat-small.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/slab-stat-small.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/slab-stat.js b/docs/pages/components/lists/slab-stat.js
index 4882b18..6634193 100644
--- a/docs/pages/components/lists/slab-stat.js
+++ b/docs/pages/components/lists/slab-stat.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/slab-stat.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/slab-stat.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/lists/title-text.js b/docs/pages/components/lists/title-text.js
index e7273e2..b00ea71 100644
--- a/docs/pages/components/lists/title-text.js
+++ b/docs/pages/components/lists/title-text.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/lists/title-text.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/lists/title-text.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/marketing/iphone-app.js b/docs/pages/components/marketing/iphone-app.js
index 2070021..a7b3b54 100644
--- a/docs/pages/components/marketing/iphone-app.js
+++ b/docs/pages/components/marketing/iphone-app.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/marketing/iphone-app.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/marketing/iphone-app.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/fixed-semi-transparent.js b/docs/pages/components/nav/fixed-semi-transparent.js
index 218a962..71d6339 100644
--- a/docs/pages/components/nav/fixed-semi-transparent.js
+++ b/docs/pages/components/nav/fixed-semi-transparent.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/fixed-semi-transparent.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/fixed-semi-transparent.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/large-title-link-list.js b/docs/pages/components/nav/large-title-link-list.js
index 21f377f..5597ca2 100644
--- a/docs/pages/components/nav/large-title-link-list.js
+++ b/docs/pages/components/nav/large-title-link-list.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/large-title-link-list.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/large-title-link-list.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/list-overflow.js b/docs/pages/components/nav/list-overflow.js
index c2b2bfd..de4a0bb 100644
--- a/docs/pages/components/nav/list-overflow.js
+++ b/docs/pages/components/nav/list-overflow.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/list-overflow.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/list-overflow.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/logo-links-inline-collapse.js b/docs/pages/components/nav/logo-links-inline-collapse.js
index 61f47fb..cfe8519 100644
--- a/docs/pages/components/nav/logo-links-inline-collapse.js
+++ b/docs/pages/components/nav/logo-links-inline-collapse.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/logo-links-inline-collapse.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/logo-links-inline-collapse.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/logo-links-inline.js b/docs/pages/components/nav/logo-links-inline.js
index b54a900..4a6585c 100644
--- a/docs/pages/components/nav/logo-links-inline.js
+++ b/docs/pages/components/nav/logo-links-inline.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/logo-links-inline.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/logo-links-inline.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/logo-titles-links-centered.js b/docs/pages/components/nav/logo-titles-links-centered.js
index bc801e3..2c0ae33 100644
--- a/docs/pages/components/nav/logo-titles-links-centered.js
+++ b/docs/pages/components/nav/logo-titles-links-centered.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/logo-titles-links-centered.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/logo-titles-links-centered.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/minimal-sign-up.js b/docs/pages/components/nav/minimal-sign-up.js
index 6244955..49abfef 100644
--- a/docs/pages/components/nav/minimal-sign-up.js
+++ b/docs/pages/components/nav/minimal-sign-up.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/minimal-sign-up.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/minimal-sign-up.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/nav/title-link-list.js b/docs/pages/components/nav/title-link-list.js
index ba53adb..63fa4ca 100644
--- a/docs/pages/components/nav/title-link-list.js
+++ b/docs/pages/components/nav/title-link-list.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/nav/title-link-list.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/nav/title-link-list.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/pages/4x4-mixed-grid.js b/docs/pages/components/pages/4x4-mixed-grid.js
index b1e182b..6a2a933 100644
--- a/docs/pages/components/pages/4x4-mixed-grid.js
+++ b/docs/pages/components/pages/4x4-mixed-grid.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/pages/4x4-mixed-grid.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/pages/4x4-mixed-grid.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/pages/double.js b/docs/pages/components/pages/double.js
index 11fd107..7ce294b 100644
--- a/docs/pages/components/pages/double.js
+++ b/docs/pages/components/pages/double.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/pages/double.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/pages/double.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/pages/portfolio-project.js b/docs/pages/components/pages/portfolio-project.js
index 20b4f5e..2c64740 100644
--- a/docs/pages/components/pages/portfolio-project.js
+++ b/docs/pages/components/pages/portfolio-project.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/pages/portfolio-project.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/pages/portfolio-project.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/pages/swiss-cover-five-columns.js b/docs/pages/components/pages/swiss-cover-five-columns.js
index 3dc4515..96600ec 100644
--- a/docs/pages/components/pages/swiss-cover-five-columns.js
+++ b/docs/pages/components/pages/swiss-cover-five-columns.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/pages/swiss-cover-five-columns.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/pages/swiss-cover-five-columns.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/quotes/left-border.js b/docs/pages/components/quotes/left-border.js
index e5014a3..321efc1 100644
--- a/docs/pages/components/quotes/left-border.js
+++ b/docs/pages/components/quotes/left-border.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/quotes/left-border.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/quotes/left-border.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/quotes/pull-quote.js b/docs/pages/components/quotes/pull-quote.js
index f3e85bd..debe5f9 100644
--- a/docs/pages/components/quotes/pull-quote.js
+++ b/docs/pages/components/quotes/pull-quote.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/quotes/pull-quote.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/quotes/pull-quote.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/tables/basic.js b/docs/pages/components/tables/basic.js
index 162e4dd..de5a26c 100644
--- a/docs/pages/components/tables/basic.js
+++ b/docs/pages/components/tables/basic.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/tables/basic.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/tables/basic.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/tables/striped-dark.js b/docs/pages/components/tables/striped-dark.js
index 6ad8651..2f275a6 100644
--- a/docs/pages/components/tables/striped-dark.js
+++ b/docs/pages/components/tables/striped-dark.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/tables/striped-dark.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/tables/striped-dark.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/large-paragraph.js b/docs/pages/components/text/large-paragraph.js
index 6f7cd2a..69cc340 100644
--- a/docs/pages/components/text/large-paragraph.js
+++ b/docs/pages/components/text/large-paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/large-paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/large-paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/narrow-paragraph.js b/docs/pages/components/text/narrow-paragraph.js
index dcc8d94..396df2f 100644
--- a/docs/pages/components/text/narrow-paragraph.js
+++ b/docs/pages/components/text/narrow-paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/narrow-paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/narrow-paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/paragraph.js b/docs/pages/components/text/paragraph.js
index ee7e448..42f4b31 100644
--- a/docs/pages/components/text/paragraph.js
+++ b/docs/pages/components/text/paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/small-narrow-paragraph.js b/docs/pages/components/text/small-narrow-paragraph.js
index 718b51d..eb76576 100644
--- a/docs/pages/components/text/small-narrow-paragraph.js
+++ b/docs/pages/components/text/small-narrow-paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/small-narrow-paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/small-narrow-paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/small-paragraph.js b/docs/pages/components/text/small-paragraph.js
index 474f345..9033eff 100644
--- a/docs/pages/components/text/small-paragraph.js
+++ b/docs/pages/components/text/small-paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/small-paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/small-paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/title-subtitle-centered.js b/docs/pages/components/text/title-subtitle-centered.js
index c6b8eea..2d462cf 100644
--- a/docs/pages/components/text/title-subtitle-centered.js
+++ b/docs/pages/components/text/title-subtitle-centered.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/title-subtitle-centered.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/title-subtitle-centered.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/components/text/wide-paragraph.js b/docs/pages/components/text/wide-paragraph.js
index 0831a56..42f73a3 100644
--- a/docs/pages/components/text/wide-paragraph.js
+++ b/docs/pages/components/text/wide-paragraph.js
@@ -1,8 +1,6 @@
+/* GENERATED FILE: See docs/build/components.js */
+import React from 'react'
+import * as component from '../../../components/text/wide-paragraph.html'
+import withComponentLayout from '../../../ui/withComponentLayout'
 
-      /* GENERATED FILE: See docs/build/components.js */
-      import React from 'react'
-      import * as component from '../../../components/text/wide-paragraph.html'
-      import withComponentLayout from '../../../ui/withComponentLayout'
-
-      export default withComponentLayout(component)
-    
\ No newline at end of file
+export default withComponentLayout(component)
diff --git a/docs/pages/reference.js b/docs/pages/reference.js
index ff882fe..75e535b 100644
--- a/docs/pages/reference.js
+++ b/docs/pages/reference.js
@@ -20,12 +20,16 @@ class Reference extends Component {
       <Layout skipFooter={true} skipHeader={true}>
         <Flex id="reference" className="min-vh-100">
           <div className="pt3 fixed bg-near-white w5 h-100 overflow-container br b--black-10 flex-shrink-0">
-            <Link href="/" className="pa3 black b link">Tachyons</Link>
+            <Link href="/" className="pa3 black b link">
+              Tachyons
+            </Link>
             <nav
               className="pv2"
               children={Object.keys(modules).map(k => {
                 const m = modules[k]
-                const shortName = m.name.replace(/^tachyons-/, '').replace('-', ' ')
+                const shortName = m.name
+                  .replace(/^tachyons-/, '')
+                  .replace('-', ' ')
 
                 return (
                   <Link
diff --git a/docs/table-of-styles.md b/docs/table-of-styles.md
index d0607bc..5587725 100644
--- a/docs/table-of-styles.md
+++ b/docs/table-of-styles.md
@@ -342,7 +342,7 @@ html,<br />body,<br />div,<br />article,<br />aside,<br />section,<br />main,<br
 .flex-column | flex-direction: column; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row | flex-direction: row; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap | flex-wrap: wrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
-.flex-nowrap | flex-wrap: nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
+.flex-ws-nowrap | flex-wrap: ws-nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap-reverse | flex-wrap: wrap-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-column-reverse | flex-direction: column-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row-reverse | flex-direction: row-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
@@ -390,7 +390,7 @@ html,<br />body,<br />div,<br />article,<br />aside,<br />section,<br />main,<br
 .flex-column-m | flex-direction: column; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row-m | flex-direction: row; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap-m | flex-wrap: wrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
-.flex-nowrap-m | flex-wrap: nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
+.flex-ws-nowrap-m | flex-wrap: ws-nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap-reverse-m | flex-wrap: wrap-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-column-reverse-m | flex-direction: column-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row-reverse-m | flex-direction: row-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
@@ -438,7 +438,7 @@ html,<br />body,<br />div,<br />article,<br />aside,<br />section,<br />main,<br
 .flex-column-l | flex-direction: column; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row-l | flex-direction: row; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap-l | flex-wrap: wrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
-.flex-nowrap-l | flex-wrap: nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
+.flex-ws-nowrap-l | flex-wrap: ws-nowrap; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-wrap-reverse-l | flex-wrap: wrap-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-column-reverse-l | flex-direction: column-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
 .flex-row-reverse-l | flex-direction: row-reverse; | [flexbox](https://npmjs.com/packages/tachyons-flexbox)
@@ -1504,19 +1504,19 @@ img | max-width: 100%; | [images](https://npmjs.com/packages/tachyons-images)
 .measure-narrow-l | max-width: 20em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .indent | text-indent: 1em;<br />margin-top: 0;<br />margin-bottom: 0; | [typography](https://npmjs.com/packages/tachyons-typography)
 .small-caps | font-variant: small-caps; | [typography](https://npmjs.com/packages/tachyons-typography)
-.truncate | white-space: nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
+.truncate | white-space: ws-nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-m | max-width: 30em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-wide-m | max-width: 34em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-narrow-m | max-width: 20em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .indent-m | text-indent: 1em;<br />margin-top: 0;<br />margin-bottom: 0; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-narrow | max-width: 20em; | [typography](https://npmjs.com/packages/tachyons-typography)
-.truncate-m | white-space: nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
+.truncate-m | white-space: ws-nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-l | max-width: 30em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-wide-l | max-width: 34em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure-wide | max-width: 34em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .indent-l | text-indent: 1em;<br />margin-top: 0;<br />margin-bottom: 0; | [typography](https://npmjs.com/packages/tachyons-typography)
 .small-caps-l | font-variant: small-caps; | [typography](https://npmjs.com/packages/tachyons-typography)
-.truncate-l | white-space: nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
+.truncate-l | white-space: ws-nowrap;<br />overflow: hidden;<br />text-overflow: ellipsis; | [typography](https://npmjs.com/packages/tachyons-typography)
 .measure | max-width: 30em; | [typography](https://npmjs.com/packages/tachyons-typography)
 .overflow-container | overflow-y: scroll; | [utilities](https://npmjs.com/packages/tachyons-utilities)
 .center | margin-right: auto;<br />margin-left: auto; | [utilities](https://npmjs.com/packages/tachyons-utilities)
@@ -1543,10 +1543,10 @@ img | max-width: 100%; | [images](https://npmjs.com/packages/tachyons-images)
 .clip-l | position: fixed;<br />position: absolute;<br />clip: rect(1px 1px 1px 1px);<br />clip: rect(1px, 1px, 1px, 1px); | [visibility](https://npmjs.com/packages/tachyons-visibility)
 .clip-m | position: fixed;<br />position: absolute;<br />clip: rect(1px 1px 1px 1px);<br />clip: rect(1px, 1px, 1px, 1px); | [visibility](https://npmjs.com/packages/tachyons-visibility)
 .clip | position: fixed;<br />position: absolute;<br />clip: rect(1px 1px 1px 1px);<br />clip: rect(1px, 1px, 1px, 1px); | [visibility](https://npmjs.com/packages/tachyons-visibility)
-.nowrap | white-space: nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
-.nowrap-m | white-space: nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
+.ws-nowrap | white-space: ws-nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
+.ws-nowrap-m | white-space: ws-nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
 .ws-normal-m | white-space: normal; | [white-space](https://npmjs.com/packages/tachyons-white-space)
-.nowrap-l | white-space: nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
+.ws-nowrap-l | white-space: ws-nowrap; | [white-space](https://npmjs.com/packages/tachyons-white-space)
 .ws-normal | white-space: normal; | [white-space](https://npmjs.com/packages/tachyons-white-space)
 .pre-l | white-space: pre; | [white-space](https://npmjs.com/packages/tachyons-white-space)
 .ws-normal-l | white-space: normal; | [white-space](https://npmjs.com/packages/tachyons-white-space)
diff --git a/docs/typography/white-space.md b/docs/typography/white-space.md
index ece3b58..e15765d 100644
--- a/docs/typography/white-space.md
+++ b/docs/typography/white-space.md
@@ -11,7 +11,7 @@ White space in css is used to control how whitespace is rendered. Creative, I kn
 
 **Normal** supresses white space characters and breaks lines based on the width of the element or the placement of a br tag.
 
-**Nowrap** will keep all text on one line - often used in conjunction with truncation or a scrollbar. This can be useful for displaying unix style commands where indicating everything is on one line is important for clarity.
+**ws-nowrap** will keep all text on one line - often used in conjunction with truncation or a scrollbar. This can be useful for displaying unix style commands where indicating everything is on one line is important for clarity.
 
 **Pre** will preserve all whitespace and linebreaks. This is useful for displaying code or poetry. Simulates the rendering of the pre tag.
 
@@ -30,7 +30,7 @@ White space in css is used to control how whitespace is rendered. Creative, I kn
 ```
 
 ```.html
-<p class="nowrap measure">
+<p class="ws-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
diff --git a/docs/ui/Footer.js b/docs/ui/Footer.js
index 19af9b3..83ec402 100644
--- a/docs/ui/Footer.js
+++ b/docs/ui/Footer.js
@@ -4,7 +4,7 @@ import Link from './Link'
 import Container from './Container'
 
 export default () => (
-  <footer className="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
+  <footer className="black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
     <Container>
       <div className="mb5 lh-copy">
         <Link
diff --git a/docs/ui/Header.js b/docs/ui/Header.js
index a861a01..c234f2d 100644
--- a/docs/ui/Header.js
+++ b/docs/ui/Header.js
@@ -46,7 +46,7 @@ class Header extends Component {
     const icon = this.state.mobileMenuOpen ? <TimesIcon /> : <HamburgerIcon />
 
     return (
-      <header className="bg-white w-100 bb b--black-10">
+      <header className="w-100 bb b--black-10">
         <div className="pv3">
           <Container padding={true}>
             <Flex justify="between" alignItems="center">
diff --git a/docs/ui/Layout.js b/docs/ui/Layout.js
index 15f6ceb..4cd18aa 100644
--- a/docs/ui/Layout.js
+++ b/docs/ui/Layout.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { version } from '../package.json'
+import { version } from '../../package.json'
 import Header from './Header'
 import Footer from './Footer'
 
diff --git a/docs/ui/NavDocs.js b/docs/ui/NavDocs.js
index 0a7ec1c..2b43959 100644
--- a/docs/ui/NavDocs.js
+++ b/docs/ui/NavDocs.js
@@ -18,7 +18,7 @@ export default () => (
           {section.items.map(item => (
             <div key={item.title} className="pv1">
               <Link
-                className="f5 fw4 dim link blue pv1"
+                className="f5 fw4 dim link blue-5 pv1"
                 children={item.title}
                 {...item}
               />
diff --git a/docs/ui/NavHome.js b/docs/ui/NavHome.js
index 3d69d8d..a1da78b 100644
--- a/docs/ui/NavHome.js
+++ b/docs/ui/NavHome.js
@@ -4,7 +4,7 @@ import { Container, NavLink } from './'
 
 export default () => (
   <header className="pv3 mb4 mb5-ns bb bt b--black-10 overflow-auto">
-    <Container className="nowrap" padding={true}>
+    <Container className="ws-nowrap" padding={true}>
       <NavLink m="r" title="Getting Started" href="#getting-started">
         Getting Started
       </NavLink>
diff --git a/docs/ui/SubNav.js b/docs/ui/SubNav.js
index 4f85970..fed4647 100644
--- a/docs/ui/SubNav.js
+++ b/docs/ui/SubNav.js
@@ -11,9 +11,9 @@ export default ({ nav }) => {
   }
 
   return (
-    <header className="pv3 mb4 mb5-ns bb bt b--black-10 overflow-auto">
+    <header className="pv3 mb4 mb5-ns bb b--black-10 overflow-auto">
       <Container
-        className="nowrap"
+        className="ws-nowrap"
         padding={true}
         children={subNav.items.map(item => (
           <NavLink
diff --git a/docs/ui/index.js b/docs/ui/index.js
index 1ea3529..03d5509 100644
--- a/docs/ui/index.js
+++ b/docs/ui/index.js
@@ -97,7 +97,7 @@ export const TitleLink = ({ href = '#!', subtext, text, ...props }) => (
 
       {subtext && (
         <div className="dib pl1">
-          <small className="nowrap f6 mt2 mt3-ns pr2 black-70 fw2">
+          <small className="ws-nowrap f6 mt2 mt3-ns pr2 black-70 fw2">
             {subtext}
           </small>
         </div>
@@ -132,7 +132,7 @@ export const BigQuote = ({ quote, author, work }) => (
 )
 
 export const EditOnGitHub = ({ url }) => (
-  <div className="bg-green white pv3 pv5-m pv5-l mt4">
+  <div className="bg-green-3 white pv3 pv5-m pv5-l mt4">
     <Container padding={true}>
       <Flex wrap={true} alignItems="center">
         <div className="flex-grow-1">
@@ -179,7 +179,7 @@ export const md = {
   ),
   a: ({ href, ...props }) => (
     <Link href={href}>
-      <a className="dim link blue" {...props} />
+      <a className="dim link blue-5" {...props} />
     </Link>
   ),
   code: Editor,