amended typography

Author: joshgreen

wp-content/themes/toolbox/sass/_typography.sass

@@ -48,71 +48,133 @@ h6
 .huge
   font-size: 3em
 
+@import 'https://fonts.googleapis.com/css?family=Open+Sans:700,400'
+
+html
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+
+
+h1
+  font-family: "Open Sans", sans-serif
+  font-size: 28px
+  font-weight: 700
+  line-height: 1.20
+  opacity: 1.00
+  margin-top: 0px
+  margin-bottom: 10px
+  letter-spacing: -0.72px
+  word-spacing: 0.00px
+  text-transform: none
+
+
+h2
+  font-family: "Open Sans", sans-serif
+  font-size: 24px
+  font-weight: 700
+  line-height: 1.20
+  opacity: 1.00
+  margin-top: 30px
+  margin-bottom: 5px
+  letter-spacing: -0.72px
+  word-spacing: 0.00px
+  text-transform: none
+
+
+h3
+  font-family: "Open Sans", sans-serif
+  font-size: 20px
+  font-weight: 400
+  line-height: 1.20
+  opacity: 1.00
+  margin-top: 30px
+  margin-bottom: 5px
+  letter-spacing: 0.00px
+  word-spacing: 0.00px
+  text-transform: none
+
+
+p
+  font-family: "Open Sans", sans-serif
+  font-size: 18px
+  font-weight: 400
+  line-height: 1.60
+  opacity: 0.70
+  margin-top: 0px
+  margin-bottom: 25px
+  letter-spacing: -0.30px
+  word-spacing: -0.10px
+  text-transform: none
+
+
+
+
+
 /*!
   body,
   button,
   input,
   select,
   optgroup,
-  textarea {
-    color: #404040;
-    font-family: sans-serif;
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.5;
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    clear: both;
-  }
-
-  p {
-    margin-bottom: 1.5em;
-  }
-
-  dfn, cite, em, i {
-    font-style: italic;
-  }
-
-  blockquote {
-    margin: 0 1.5em;
-  }
-
-  address {
-    margin: 0 0 1.5em;
-  }
-
-  pre {
-    background: #eee;
-    font-family: "Courier 10 Pitch", Courier, monospace;
-    font-size: 15px;
-    font-size: 0.9375rem;
-    line-height: 1.6;
-    margin-bottom: 1.6em;
-    max-width: 100%;
-    overflow: auto;
-    padding: 1.6em;
-  }
-
-  code, kbd, tt, var {
-    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
-    font-size: 15px;
-    font-size: 0.9375rem;
-  }
-
-  abbr, acronym {
-    border-bottom: 1px dotted #666;
-    cursor: help;
-  }
-
-  mark, ins {
-    background: #fff9c0;
-    text-decoration: none;
-  }
-
-  big {
-    font-size: 125%;
-  }
+  textarea
+    color: #404040
+    font-family: sans-serif
+    font-size: 16px
+    font-size: 1rem
+    line-height: 1.5
+
+
+  h1, h2, h3, h4, h5, h6
+    clear: both
+
+
+  p
+    margin-bottom: 1.5em
+
+
+  dfn, cite, em, i
+    font-style: italic
+
+
+  blockquote
+    margin: 0 1.5em
+
+
+  address
+    margin: 0 0 1.5em
+
+
+  pre
+    background: #eee
+    font-family: "Courier 10 Pitch", Courier, monospace
+    font-size: 15px
+    font-size: 0.9375rem
+    line-height: 1.6
+    margin-bottom: 1.6em
+    max-width: 100%
+    overflow: auto
+    padding: 1.6em
+
+
+  code, kbd, tt, var
+    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
+    font-size: 15px
+    font-size: 0.9375rem
+
+
+  abbr, acronym
+    border-bottom: 1px dotted #666
+    cursor: help
+
+
+  mark, ins
+    background: #fff9c0
+    text-decoration: none
+
+
+  big
+    font-size: 125%
+
 
 
 /*!