Fix component css

Author: johno

components/articles/title-text-image/index.html

@@ -37,15 +37,15 @@ <h1 class="f2">Title Text with Image</h1>
   <h2 class="f5">Module CSS Stats</h2>
   <dl class="dib mr4">
     <dt class="db f6">Size (Gzipped)</dt>
-    <dd class="ml0 b f3 f2-ns">293</dd>
+    <dd class="ml0 b f3 f2-ns">177</dd>
   </dl>
   <dl class="dib mr4">
     <dt class="db f6">Selectors</dt>
-    <dd class="ml0 b f3 f2-ns">29</dd>
+    <dd class="ml0 b f3 f2-ns">7</dd>
   </dl>
   <dl class="dib">
     <dt class="db f6">Declarations</dt>
-    <dd class="ml0 b f3 f2-ns">29</dd>
+    <dd class="ml0 b f3 f2-ns">7</dd>
   </dl>
 
 
@@ -95,102 +95,10 @@ <h4>CSS</h4>
     max-width: 30em;
 }
 
-.measure-narrow {
-    max-width: 20em;
-}
-
 @media screen and (min-width: 48em) {
-    .lh-copy-ns {
-        line-height: 1.6;
-    }
-
-    .w-100-ns {
-        width: 100%;
-    }
-
-    .pa3-ns {
-        padding: 1rem;
-    }
-
     .pa5-ns {
         padding: 4rem;
     }
-
-    .f2-ns {
-        font-size: 2.25rem;
-    }
-
-    .f5-ns {
-        font-size: 1rem;
-    }
-
-    .measure-ns {
-        max-width: 30em;
-    }
-
-    .measure-narrow-ns {
-        max-width: 20em;
-    }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
-    .lh-copy-m {
-        line-height: 1.6;
-    }
-
-    .w-100-m {
-        width: 100%;
-    }
-
-    .pa3-m {
-        padding: 1rem;
-    }
-
-    .f2-m {
-        font-size: 2.25rem;
-    }
-
-    .f5-m {
-        font-size: 1rem;
-    }
-
-    .measure-m {
-        max-width: 30em;
-    }
-
-    .measure-narrow-m {
-        max-width: 20em;
-    }
-}
-
-@media screen and (min-width: 64em) {
-    .lh-copy-l {
-        line-height: 1.6;
-    }
-
-    .w-100-l {
-        width: 100%;
-    }
-
-    .pa3-l {
-        padding: 1rem;
-    }
-
-    .f2-l {
-        font-size: 2.25rem;
-    }
-
-    .f5-l {
-        font-size: 1rem;
-    }
-
-    .measure-l {
-        max-width: 30em;
-    }
-
-    .measure-narrow-l {
-        max-width: 20em;
-    }
 }
 
   </pre>

components/articles/title-text/index.html

@@ -36,15 +36,15 @@ <h1 class="">Title</h1>
   <h2 class="f5">Module CSS Stats</h2>
   <dl class="dib mr4">
     <dt class="db f6">Size (Gzipped)</dt>
-    <dd class="ml0 b f3 f2-ns">222</dd>
+    <dd class="ml0 b f3 f2-ns">143</dd>
   </dl>
   <dl class="dib mr4">
     <dt class="db f6">Selectors</dt>
-    <dd class="ml0 b f3 f2-ns">17</dd>
+    <dd class="ml0 b f3 f2-ns">4</dd>
   </dl>
   <dl class="dib">
     <dt class="db f6">Declarations</dt>
-    <dd class="ml0 b f3 f2-ns">17</dd>
+    <dd class="ml0 b f3 f2-ns">4</dd>
   </dl>
 
 
@@ -81,66 +81,10 @@ <h4>CSS</h4>
     max-width: 30em;
 }
 
-.measure-narrow {
-    max-width: 20em;
-}
-
 @media screen and (min-width: 48em) {
-    .lh-copy-ns {
-        line-height: 1.6;
-    }
-
-    .pa3-ns {
-        padding: 1rem;
-    }
-
     .pa5-ns {
         padding: 4rem;
     }
-
-    .measure-ns {
-        max-width: 30em;
-    }
-
-    .measure-narrow-ns {
-        max-width: 20em;
-    }
-}
-
-@media screen and (min-width: 48em) and (max-width: 64em) {
-    .lh-copy-m {
-        line-height: 1.6;
-    }
-
-    .pa3-m {
-        padding: 1rem;
-    }
-
-    .measure-m {
-        max-width: 30em;
-    }
-
-    .measure-narrow-m {
-        max-width: 20em;
-    }
-}
-
-@media screen and (min-width: 64em) {
-    .lh-copy-l {
-        line-height: 1.6;
-    }
-
-    .pa3-l {
-        padding: 1rem;
-    }
-
-    .measure-l {
-        max-width: 30em;
-    }
-
-    .measure-narrow-l {
-        max-width: 20em;
-    }
 }
 
   </pre>