Add typography section to styleguide

johndjameson · johndjameson · commit 39a2e6d896e4 · 2015-03-18T09:46:29.000-04:00
diff --git a/views/styleguide/index.jade b/views/styleguide/index.jade
@@ -10,6 +10,38 @@ block content
 
           h1.mbf Styleguide
 
+    li.list-item
+      .row
+        .cell.cell--s.well.well--l
+
+          h2.mbm#typography Typography
+
+          .mbl
+            h3 Headings
+
+            p.h1 This is a first-level heading
+            p.h2 This is a second-level heading
+            p.h3 This is a third-level heading
+            p.h4 This is a fourth-level heading
+
+          h3 Body
+
+          p.
+            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus
+            vitae risus vitae lorem iaculis placerat. Aliquam sit amet felis.
+            Etiam congue. Donec risus risus, pretium ac, tincidunt eu, tempor
+            eu, quam. Morbi blandit mollis magna.  Suspendisse eu tortor. Donec
+            vitae felis nec ligula blandit rhoncus. Ut a pede ac neque mattis
+            facilisis. Nulla nunc ipsum, sodales vitae, hendrerit non.
+
+          h4 Sizes
+
+          p.tss This is small text
+          p This is base text
+          p.tsl This is large text
+          p.tsxl This is extra large text
+          p.tsxxl This is extra, extra large text
+
     li.list-item
       .row
         .cell.cell--s.well.well--l
