main.scss in space-jekyll-theme-0.1.4

- old
+ new

@@ -5,13 +5,28 @@
 $body-font      : "Gelasio";
 $mono-font      : "Inconsolata";
 $orange         : #fd5200;
 $rust           : #af3800;
 
+$ptsize         : 25px;
+$scalefactor    : 1.333;
+@function pow($number, $exponent) {
+    $value: 1;
+  
+    @if $exponent > 0 {
+      @for $i from 1 through $exponent {
+        $value: $value * $number;
+      }
+    }
+  
+    @return $value;
+  }
+
 * {
     box-sizing: border-box;
     text-rendering: optimizeLegibility;
+    font-kerning: normal;
 }
 
 .logo {
     width: 50px;
 }
@@ -21,11 +36,11 @@
 h3,
 h4,
 h5,
 h6, blockquote {
     font-family: $display-font;
-    font-weight: normal;
+    // font-weight: normal;
 }
 
 a {
     text-decoration: none;
     color: $orange;
@@ -37,11 +52,11 @@
     color: $rust;
     border-bottom: 1px solid $rust;
 }
 
 h1 {
-    font-size: 40px;
+    font-size: $ptsize * pow($scalefactor, 3);
     line-height: 120%;
     margin-top: 80px;
     margin-bottom: 40px;
     font-weight: 700;
 }
@@ -54,53 +69,53 @@
     }
 }
 
 h2 {
     color: $orange;
-    font-size: 34px;
+    font-size: $ptsize * pow($scalefactor, 2);
     line-height: 160%;
     margin-top: 60px;
     margin-bottom: 40px;
 }
 
 h2.subtitle {
     font-weight: 200;
-    font-size: 28px;
+    font-style: italic;
+    font-size: $ptsize * pow($scalefactor, 2);
     font-family: $body-font;
     margin-top: -30px;
 }
 
 h3 {
-    font-size: 30px;
+    font-size: $ptsize * pow($scalefactor, 1);
     line-height: 150%;
     margin-top: 40px;
     margin-bottom: 20px;
 }
 
 h4 {
-    font-size: 26px;
+    font-size: $ptsize * pow($scalefactor, 1);
     line-height: 140%;
 }
 h5 {
-    font-size: 18px;
+    font-size: $ptsize * pow($scalefactor, 1);
     letter-spacing: 1px;
     text-transform: uppercase;
     line-height: 140%;
 }
 h6 {
-    font-size: 14px;
+    font-size: $ptsize;
     letter-spacing: 2px;
     text-transform: uppercase;
     line-height: 140%;
 }
 
 p {
-    // color: #353535;
     color: black;
-    font-size: 24px;
+    font-size: $ptsize;
     font-weight: 400;
-    line-height: 150%;
+    line-height: 145%;
     margin-top: 40px;
     margin-bottom: 40px;
 }
 
 ul,
@@ -129,11 +144,11 @@
 }
 .container {
     background-color: white;
     margin: 2em auto 2em auto;
     padding: 0 2em 0 2em;
-    max-width: 800px;
+    max-width: 760px;
     @include sm {
         margin: 2em auto 2em auto;
         padding: 0 2em 0 2em;
     }
     @include xl {
@@ -143,11 +158,11 @@
 
 nav {
     margin-top: 40px;
     margin-bottom: 40px;
     font-family: $display-font;
-    font-size: 20px;
+    font-size: $ptsize;
 
     a {
         color: black;
         margin-right: 30px;
         line-height: 40px;
@@ -183,11 +198,11 @@
     height: 100%;
 }
 
 table {
     text-align: left;
-    font-size: 20px;
+    font-size: $ptsize;
 
     caption {
         text-align: left;
     }
 }
@@ -198,17 +213,18 @@
 }
 
 blockquote {
     font-family: $body-font;
     color: black;
-    font-size: 30px;
+    font-size: $ptsize * pow($scalefactor, 1);
     // font-style: italic;
     line-height: 140%;
     margin-top: 40px;
     margin-bottom: 40px;
     p {
         color: inherit;
+        font-style: italic;
     }
 }
 
 mono,
 pre,
@@ -219,11 +235,11 @@
     font-size: inherit;
     font-weight: 400;
 }
 
 pre {
-    font-size: 20px;
+    font-size: $ptsize;
 }
 
 cite {
     font-family: $body-font;
     font-style: normal;
@@ -236,10 +252,10 @@
 }
 
 
 footer {
     margin-top: 80px;
-    font-size: 16px;
+    font-size: $ptsize/1.2;
     margin-bottom: 160px;
     color: grey;
 
     p {
         color: inherit;
\ No newline at end of file