Consistent type scale

Author: mrmrs

components/lists/slab-stat-large/index.html

@@ -33,23 +33,23 @@ <h3 class="f6 ttu tracked">Today</h3>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Open Issues</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">993</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">993</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Next Release</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">10-22</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">10-22</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Days Left</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">4</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">4</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Favorite Cat</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">All of Them</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">All of Them</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title">
       <dd class="f6 fw4 ml0">App Downloads</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">1,200</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">1,200</dd>
     </dl>
   </div>
 </article>
@@ -70,23 +70,23 @@ <h2 class="f5">HTML</h2>
     &lt;/dl&gt;
     &lt;dl class=&quot;db dib-l w-auto-l lh-title mr6-l&quot;&gt;
       &lt;dd class=&quot;f6 fw4 ml0&quot;&gt;Open Issues&lt;/dd&gt;
-      &lt;dd class=&quot;f3 f2-m f-subheadline-l fw6 ml0&quot;&gt;993&lt;/dd&gt;
+      &lt;dd class=&quot;f2 f-subheadline-l fw6 ml0&quot;&gt;993&lt;/dd&gt;
     &lt;/dl&gt;
     &lt;dl class=&quot;db dib-l w-auto-l lh-title mr6-l&quot;&gt;
       &lt;dd class=&quot;f6 fw4 ml0&quot;&gt;Next Release&lt;/dd&gt;
-      &lt;dd class=&quot;f3 f2-m f-subheadline-l fw6 ml0&quot;&gt;10-22&lt;/dd&gt;
+      &lt;dd class=&quot;f2 f-subheadline-l fw6 ml0&quot;&gt;10-22&lt;/dd&gt;
     &lt;/dl&gt;
     &lt;dl class=&quot;db dib-l w-auto-l lh-title mr6-l&quot;&gt;
       &lt;dd class=&quot;f6 fw4 ml0&quot;&gt;Days Left&lt;/dd&gt;
-      &lt;dd class=&quot;f3 f2-m f-subheadline-l fw6 ml0&quot;&gt;4&lt;/dd&gt;
+      &lt;dd class=&quot;f2 f-subheadline-l fw6 ml0&quot;&gt;4&lt;/dd&gt;
     &lt;/dl&gt;
     &lt;dl class=&quot;db dib-l w-auto-l lh-title mr6-l&quot;&gt;
       &lt;dd class=&quot;f6 fw4 ml0&quot;&gt;Favorite Cat&lt;/dd&gt;
-      &lt;dd class=&quot;f3 f2-m f-subheadline-l fw6 ml0&quot;&gt;All of Them&lt;/dd&gt;
+      &lt;dd class=&quot;f2 f-subheadline-l fw6 ml0&quot;&gt;All of Them&lt;/dd&gt;
     &lt;/dl&gt;
     &lt;dl class=&quot;db dib-l w-auto-l lh-title&quot;&gt;
       &lt;dd class=&quot;f6 fw4 ml0&quot;&gt;App Downloads&lt;/dd&gt;
-      &lt;dd class=&quot;f3 f2-m f-subheadline-l fw6 ml0&quot;&gt;1,200&lt;/dd&gt;
+      &lt;dd class=&quot;f2 f-subheadline-l fw6 ml0&quot;&gt;1,200&lt;/dd&gt;
     &lt;/dl&gt;
   &lt;/div&gt;
 &lt;/article&gt;
@@ -144,10 +144,6 @@ <h2 class="f5">css</h2>
     font-size: 2.25rem;
 }
 
-.f3 {
-    font-size: 1.5rem;
-}
-
 .f6 {
     font-size: .875rem;
 }
@@ -158,12 +154,6 @@ <h2 class="f5">css</h2>
     }
 }
 
-@media screen and (min-width: 30em) and (max-width: 60em) {
-    .f2-m {
-        font-size: 2.25rem;
-    }
-}
-
 @media screen and (min-width: 60em) {
     .dib-l {
         display: inline-block;
@@ -190,16 +180,16 @@ <h2 class="f5">css</h2>
     <h2 class="f5 mb3 mt4">Css stats for this component</h2>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Gzipped Size</dt>
-      <dd class="ml0 b f3 f2-ns">373<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">353<small class="f6">B</small>
       </dd>
     </dl>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Selectors</dt>
-      <dd class="ml0 b f3 f2-ns">21</dd>
+      <dd class="ml0 b f3 f2-ns">19</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">21</dd>
+      <dd class="ml0 b f3 f2-ns">19</dd>
     </dl>
   </div>
   <div class="fl w-100">

src/components/lists/slab-stat-large.html

@@ -10,23 +10,23 @@ <h3 class="f6 ttu tracked">Today</h3>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Open Issues</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">993</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">993</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Next Release</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">10-22</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">10-22</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Days Left</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">4</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">4</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title mr6-l">
       <dd class="f6 fw4 ml0">Favorite Cat</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">All of Them</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">All of Them</dd>
     </dl>
     <dl class="db dib-l w-auto-l lh-title">
       <dd class="f6 fw4 ml0">App Downloads</dd>
-      <dd class="f3 f2-m f-subheadline-l fw6 ml0">1,200</dd>
+      <dd class="f2 f-subheadline-l fw6 ml0">1,200</dd>
     </dl>
   </div>
 </article>