_sass/main.scss in space-jekyll-theme-0.1.1 vs _sass/main.scss in space-jekyll-theme-0.1.2

@@ -1,16 +1,17 @@
 @import "_breakpoints";
 @import "_mixins";
 
-$display-font: "Sporting Grotesque", sans-serif;
-$body-font: "Proza Libre";
-$mono-font: "Inconsolata";
-$bg-color: #c2c2c2;
-$blue: #000;
+$display-font   : "Sporting Grotesque", sans-serif;
+$body-font      : "Proza Libre";
+$mono-font      : "Inconsolata";
+$orange         : #fd5200;
+$rust           : #af3800;
 
 * {
     box-sizing: border-box;
+    text-rendering: optimizeLegibility;
 }
 
 .logo {
     width: 50px;
 }
@@ -18,40 +19,58 @@
 h1,
 h2,
 h3,
 h4,
 h5,
-h6 {
+h6, blockquote {
     font-family: $display-font;
     font-weight: normal;
 }
 
 a {
     text-decoration: none;
-    color: black;
-    padding-bottom: 0.25em;
+    color: $orange;
+    padding-bottom: 0.01em;
     border-bottom: 1px solid lightgray;
 }
 
 a:hover {
-    color: black;
-    border-bottom: 1px solid black;
+    color: $rust;
+    border-bottom: 1px solid $rust;
 }
 
 h1 {
     font-size: 40px;
-    line-height: 170%;
+    line-height: 135%;
     margin-top: 80px;
     margin-bottom: 40px;
+    font-weight: 700;
 }
 
+h1.title {
+
+    a {
+        border: none;
+        color: black;
+    }
+}
+
 h2 {
+    color: $orange;
     font-size: 34px;
     line-height: 160%;
     margin-top: 60px;
     margin-bottom: 40px;
 }
+
+h2.subtitle {
+    font-weight: 200;
+    font-size: 28px;
+    font-family: $body-font;
+    margin-top: -30px;
+}
+
 h3 {
     font-size: 30px;
     line-height: 150%;
     margin-top: 40px;
     margin-bottom: 20px;
@@ -75,12 +94,14 @@
 }
 
 p {
     color: #353535;
     font-size: 20px;
-    font-weight: 200;
-    line-height: 160%;
+    font-weight: 400;
+    line-height: 170%;
+    margin-top: 40px;
+    margin-bottom: 40px;
 }
 
 ul,
 ol,
 dl {
@@ -124,21 +145,26 @@
     margin-bottom: 40px;
     font-family: $display-font;
     font-size: 20px;
 
     a {
+        color: black;
         margin-right: 30px;
         line-height: 40px;
         text-decoration: none !important;
         border-bottom: none;
+        padding-bottom: 0.3em;
     }
-
+    a: hover {
+        text-decoration: none !important;
+        padding-bottom: 0.3em;
+    }
     a.active {
         text-decoration: none;
-        color: black;
-        padding-bottom: 0.25em;
-        border-bottom: 1px solid black;
+        color: $orange;
+        padding-bottom: 0.3em;
+        border-bottom: 1px solid $orange;
     }
 }
 
 .center {
     text-align: center;
@@ -171,11 +197,14 @@
 }
 
 blockquote {
     font-family: $display-font;
     color: black;
-
+    font-size: 20px;
+    line-height: 180%;
+    margin-top: 40px;
+    margin-bottom: 40px;
     p {
         color: inherit;
     }
 }
 
@@ -199,11 +228,10 @@
 }
 
 hr {
     height: 1px;
     border-width: 0;
-    color: lightgray;
     background-color: lightgray;
 }
 
 
 footer {
@@ -215,5 +243,31 @@
     p {
         color: inherit;
         font-size: inherit;
     }
 }
+
+figcaption {
+    color: grey;
+}
+
+.meta {
+    margin-top: -20px;
+    margin-bottom: 40px;
+    p {
+        color: grey;
+    }
+}
+
+.post {
+    margin-bottom: 80px;
+}
+
+.kicker {
+    font-family: $body-font;
+    color: grey;
+    margin-top: 80px;
+    margin-bottom: -60px;
+    text-transform: none;
+    letter-spacing: 0;
+    font-weight: 400;
+}
\ No newline at end of file