update some styles

Author: nikoloza

cargokit/index.css

@@ -1,6 +1,5 @@
 @import './colors';
 @import './document';
-@import './typography';
 @import './headings';
 
 /* forms */

cargokit/typography.css

@@ -74,6 +74,16 @@ <h1>Input fields</h1>
     <input class="field large" placeholder="Input large">
   </section>
 
+  <hr>
+
+  <h4>Inputs also can have colors:</h4>
+  <section class="demo">
+    <input class="field secondary" placeholder="Input tiny">
+    <input class="field quaternary" placeholder="Input small">
+    <input class="field black" placeholder="Input">
+    <input class="field midgray" placeholder="Input big">
+  </section>
+
   <h1>Font sizing</h1>
 
   <section class="demo">
@@ -88,11 +98,13 @@ <h6>header 6</h6>
   <hr>
 
   <h4>Additional sizes if needed:</h4>
-  <p class="font-size-h7">header 7</p>
-  <p class="font-size-h8">header 8</p>
-  <p class="font-size-h9">header 9</p>
-  <p class="font-size-h10">header 10</p>
 
+  <section class="demo">
+    <p class="font-size-h7">header 7</p>
+    <p class="font-size-h8">header 8</p>
+    <p class="font-size-h9">header 9</p>
+    <p class="font-size-h10">header 10</p>
+  </section>
 
   <script type="text/javascript" src="bundle.js"></script>
 </body>