feedback updates and some style cleanup

website/source/assets/stylesheets/_docs.scss

@@ -9,7 +9,6 @@
     li {
       a {
         color: $sidebar-link-color;
-        font-size: $sidebar-font-size;
         padding: 10px 0 10px 15px;
 
         &:before {

website/source/assets/stylesheets/_home.scss

@@ -132,14 +132,11 @@
 
     &#simple {
       .terminal {
+        @extend .g-type-code;
         border: 1px solid $white;
         background: $black;
         box-sizing: border-box;
         color: $white;
-        font-family: $font-monospace;
-        font-size: 0.844rem;
-        font-weight: $font-weight-reg;
-        line-height: 1.926em;
         margin: 20px auto auto auto;
         padding: 10px 20px 20px 20px;
 

website/source/assets/stylesheets/_inner.scss

@@ -23,8 +23,7 @@
   p,
   li,
   .alert {
-    font-size: 1.063rem;
-    line-height: 1.647em;
+    @extend .g-type-long-body;
     margin: 0 0 $font-size-default;
   }
 
@@ -32,13 +31,6 @@
     margin-bottom: 0;
   }
 
-  pre,
-  code,
-  pre code,
-  tt {
-    line-height: 1.926em;
-  }
-
   pre {
     padding: 20px;
     margin: 0 0 $font-size-default;
@@ -91,14 +83,10 @@
   h2 > code,
   h3 > code,
   h4 > code,
-  h5 > code h6 > code,
-  li code,
-  table code,
-  p code,
-  tt,
-  .alert code {
+  h5 > code h6 > code {
     background-color: transparent;
     color: inherit;
+    font-size: 90%;
     padding: 0;
   }
 

website/source/assets/stylesheets/_typography.scss

@@ -11,22 +11,11 @@ h6 {
   -webkit-font-smoothing: antialiased;
 }
 
-/* .g-type-body as default */
-p,
-li,
-.alert {
-  font-family: $font-body;
-  font-weight: $font-weight-reg;
-  letter-spacing: 0.01em;
-}
-
 pre,
 code,
 pre code,
 tt {
-  font-family: $font-monospace;
-  font-weight: $font-weight-reg;
-  font-size: 0.844rem;
+  @extend .g-type-code;
 }
 
 /* Display 1 */
@@ -290,5 +279,5 @@ tt {
   font-family: $font-monospace;
   font-weight: $font-weight-reg;
   font-size: 0.844rem;
-  line-height: 1.926em;
+  line-height: 1.63em;
 }

website/source/layouts/inner.erb

@@ -1,7 +1,7 @@
 <% wrap_layout :layout do %>
 <div class="container">
   <div class="row">
-    <div id="docs-sidebar" class="col-sm-3 col-md-3 col-xs-12 hidden-print" role="complementary">
+    <div id="docs-sidebar" class="col-sm-3 col-md-3 col-xs-12 hidden-print g-type-body-small" role="complementary">
       <%= yield_content :sidebar %>
     </div>