Fix height

mrmrs · mrmrs · commit bb87ec2f78f0 · 2016-09-15T23:05:38.000+01:00
diff --git a/components/pages/4x4-mixed-grid/index.html b/components/pages/4x4-mixed-grid/index.html
@@ -25,7 +25,7 @@
 <body class="w-100 sans-serif bg-white black-80 helvetica">
 <main>
   <article class="cf pa3 mw9 center">
-  <header class="h5 fl w-100 w-50-l pa4-ns">
+  <header class="fl w-100 w-50-l pa4-ns mb3 mb5-ns">
     <h2 class="lh-title f3 b mt0">
       Beginners and amateurs alike overestimate the importance of the
       so-called brain wave, the sudden brilliant idea.
@@ -143,7 +143,7 @@ <h2 class="f5">HTML</h2>
 <p class="f5 black-70"></p>
 <pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
 &lt;article class=&quot;cf pa3 mw9 center&quot;&gt;
-  &lt;header class=&quot;h5 fl w-100 w-50-l pa4-ns&quot;&gt;
+  &lt;header class=&quot;fl w-100 w-50-l pa4-ns mb3 mb5-ns&quot;&gt;
     &lt;h2 class=&quot;lh-title f3 b mt0&quot;&gt;
       Beginners and amateurs alike overestimate the importance of the
       so-called brain wave, the sudden brilliant idea.
@@ -288,10 +288,6 @@ <h2 class="f5">css</h2>
     font-weight: bold;
 }
 
-.h5 {
-    height: 16rem;
-}
-
 .lh-title {
     line-height: 1.25;
 }
@@ -312,6 +308,10 @@ <h2 class="f5">css</h2>
     padding: 1rem;
 }
 
+.mb3 {
+    margin-bottom: 1rem;
+}
+
 .mt0 {
     margin-top: 0;
 }
@@ -357,6 +357,10 @@ <h2 class="f5">css</h2>
     .pa4-ns {
         padding: 2rem;
     }
+
+    .mb5-ns {
+        margin-bottom: 4rem;
+    }
 }
 
 @media screen and (min-width: 30em) and (max-width: 60em) {
@@ -383,16 +387,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">491<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">506<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">26</dd>
+      <dd class="ml0 b f3 f2-ns">27</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">37</dd>
+      <dd class="ml0 b f3 f2-ns">38</dd>
     </dl>
   </div>
   <div class="fl w-100">
@@ -409,8 +413,6 @@ <h2 class="f5 mt4">Modules referenced</h2>
   
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-weight">tachyons-font-weight</a></li>
   
-    <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-heights">tachyons-heights</a></li>
-  
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-line-height">tachyons-line-height</a></li>
   
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-max-widths">tachyons-max-widths</a></li>
@@ -433,7 +435,7 @@ <h2 class="f5 mt4">Modules referenced</h2>
 
 
   <h4 class="mt5">Install via npm <small class="fw2 f6 db mt1">Only installs the needed tachyons-modules for this component</small></h4>
-  <code class="f6">npm i --save tachyons-background-size tachyons-background-position tachyons-clears tachyons-floats tachyons-font-weight tachyons-heights tachyons-line-height tachyons-max-widths tachyons-widths tachyons-spacing tachyons-type-scale tachyons-typography tachyons-utilities</code>
+  <code class="f6">npm i --save tachyons-background-size tachyons-background-position tachyons-clears tachyons-floats tachyons-font-weight tachyons-line-height tachyons-max-widths tachyons-widths tachyons-spacing tachyons-type-scale tachyons-typography tachyons-utilities</code>
   <section class="bt b--black-10 mt5 pv4">
     <h1 class="f6 b ttu">Other Components</h1>
 
