Merge pull request #174 from X9VoiD/font-sizes

Adjust font sizes for headings and table of contents

Author: X9VoiD

site/assets/css/site.scss

@@ -64,6 +64,13 @@ div.highlighter-rouge {
 
 #page-title {
   @include markdown-header;
+  font-size: calc(1.375em + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+  #page-title {
+    font-size: 2.5em;
+  }
 }
 
 #toc-container {
@@ -82,13 +89,15 @@ div.highlighter-rouge {
 
 .markdown-content {
   h2 {
+    font-size: 1.55em;
     counter-increment: h2-section;
     > span::before {
       content: counter(h2-section) ".";
     }
   }
 
   h3 {
+    font-size: 1.45em;
     counter-increment: h3-section;
     ~ h2 {
       counter-reset: h3-section;
@@ -99,6 +108,7 @@ div.highlighter-rouge {
   }
 
   h4 {
+    font-size: 1.28em;
     counter-increment: h4-section;
     ~ h3 {
       counter-reset: h4-section;
@@ -107,6 +117,12 @@ div.highlighter-rouge {
       content: counter(h2-section) "." counter(h3-section) "." counter(h4-section) ".";
     }
   }
+  h5 {
+    font-size: 1.16em;
+  }
+  h6 {
+    font-size: 1em;
+  }
 
   h2, h3 {
     @include markdown-header;
@@ -121,6 +137,10 @@ div.highlighter-rouge {
   }
 }
 
+#toc {
+  font-size: 0.95em;
+}
+
 #toc > li {
   counter-increment: h2-section;
   &::marker {