From 7d986ae5dc62587cccd11d442186ac3e6f2db97b Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Fri, 14 Apr 2017 12:28:39 -0700
Subject: [PATCH] feat(aio): smaller typography, code header pad

---
 aio/src/styles/0-base/_typography.scss | 24 +++++++++++++-----------
 aio/src/styles/1-layouts/_footer.scss  |  1 +
 aio/src/styles/2-modules/_code.scss    |  2 +-
 aio/src/styles/2-modules/_table.scss   |  1 +
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index cc6bebee78..ba5f327cb6 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -7,12 +7,14 @@
       margin: 0;
       color: $darkgray;
       font-size: 14px;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
     }
 
     h1 {
       display:inline-block;
-      font-size: 36px;
-      font-weight: 400;
+      font-size: 24px;
+      font-weight: 500;
       margin: 8px 0px;
     }
 
@@ -21,38 +23,38 @@
       display: block;
       height: 1px;
       width: 40%;
-      margin: 32px 0px 10px;
+      margin: 24px 0px 10px;
       background: $lightgray;
     }
 
     h2 {
-      font-size: 30px;
+      font-size: 20px;
       font-weight: 500;
       margin: 32px 0px 24px;
     }
 
     h3 {
-      font-size: 24px;
-      font-weight: 500;
+      font-size: 20px;
+      font-weight: 400;
       margin: 24px 0px;
     }
 
     h4 {
-      font-size: 24px;
+      font-size: 18px;
       font-weight: 400;
       margin: 8px 0px;
     }
 
     h5 {
-      font-size: 18px;
+      font-size: 16px;
       font-weight: 500;
       margin: 8px 0px;
     }
 
     h6 {
       color: $mediumgray;
-      font-size: 18px;
-      font-weight: 400;
+      font-size: 16px;
+      font-weight: 500;
       margin: 8px 0px;
     }
 
@@ -79,7 +81,7 @@
     }
 
     .mat-toolbar-row a {
-      font-size: 18px;
+      font-size: 16px;
       font-weight: 300;
       color: white;
       font-family: $main-font;
diff --git a/aio/src/styles/1-layouts/_footer.scss b/aio/src/styles/1-layouts/_footer.scss
index 7344d68154..f6c6b620a5 100644
--- a/aio/src/styles/1-layouts/_footer.scss
+++ b/aio/src/styles/1-layouts/_footer.scss
@@ -20,6 +20,7 @@ footer {
 
   a {
       color: $offwhite;
+      font-weight: 300;
       text-decoration: none;
       z-index: 20;
       position: relative;
diff --git a/aio/src/styles/2-modules/_code.scss b/aio/src/styles/2-modules/_code.scss
index 49e60a8a16..56678ee8e5 100644
--- a/aio/src/styles/2-modules/_code.scss
+++ b/aio/src/styles/2-modules/_code.scss
@@ -24,7 +24,7 @@ code-example header {
   border-radius: 5px 5px 0 0;
   color: $offwhite;
   font-size: 16px;
-  padding: 10px;
+  padding: 8px 16px;
   margin: -17px;
 }
 
diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss
index 31e2a309b6..91d44d1d56 100644
--- a/aio/src/styles/2-modules/_table.scss
+++ b/aio/src/styles/2-modules/_table.scss
@@ -37,6 +37,7 @@ table {
       padding: 16px 32px;
       text-align: left;
       line-height: 24px;
+      vertical-align: top;
 
       @media (max-width: 480px) {
         &:before {