improve: Reduce spacers & h1 font size

Author: manid2

assets/styles/_footer.scss

@@ -1,5 +1,5 @@
 .site-footer {
-  margin: $spacer-largest 0;
+  margin-top: $spacer-normal;
   border-top: $spacer-1 solid;
 
   @include themed {
@@ -15,6 +15,7 @@
 .themeinfo,
 .buildinfo {
   font-size: $font-size-smaller;
+  margin: $spacer-small 0;
 }
 
 .copyright {
@@ -29,15 +30,8 @@
   }
 
   .navbar {
-    margin: 0;
-
     &__list {
-      display: flex;
-      flex-flow: row wrap;
-      justify-content: space-between;
-
       > li {
-        padding: 0;
         border: none;
       }
     }

assets/styles/_header.scss

@@ -1,11 +1,4 @@
 .site-header {
-  margin: $spacer-largest 0;
-  border-bottom: $spacer-1 solid;
-
-  @include themed {
-    border-color: t($accent);
-  }
-
   @media print {
     display: none;
   }
@@ -18,6 +11,15 @@
   margin: $spacer-normal 0;
 }
 
+.breadcrumbs {
+  width: fit-content;
+  border-bottom: $spacer-1 solid;
+
+  @include themed {
+    border-color: t($accent);
+  }
+}
+
 .gitinfo {
   @include themed {
     color: t($text-duller);
@@ -60,10 +62,9 @@
   flex-flow: row wrap;
   align-items: flex-start;
   justify-content: space-between;
-  margin-bottom: $spacer-largest;
-  font-size: larger;
 
   &__first {
+    font-weight: 700;
     display: block;
   }
 
@@ -88,7 +89,7 @@
 
     > li {
       flex: 0 0 auto;
-      padding: $spacer-small $spacer-normal;
+      padding: $spacer-smallest $spacer-small;
       border: $spacer-2 dotted;
       margin-right: -#{$spacer-2};
 

assets/styles/_main.scss

@@ -74,7 +74,7 @@ h3 {
 }
 
 h1 {
-  font-size: $font-size * 2.25;
+  font-size: $font-size * 2;
   border-bottom: $spacer-2 dotted;
 
   @media print, ($phone) {
@@ -100,7 +100,7 @@ h5,
 h6 {
   font-family: $font-family-title;
   font-weight: bold;
-  margin: $spacer-large 0;
+  margin: $spacer-normal 0;
   padding: $spacer-smallest 0;
   width: fit-content;
 
@@ -181,7 +181,7 @@ img {
 figure {
   display: table;
   max-width: 100%;
-  margin: $spacer-large 0;
+  margin: $spacer-normal 0;
 
   &.left {
     margin-right: auto;
@@ -262,18 +262,14 @@ table {
   table-layout: auto;
   border-collapse: collapse;
   width: 100%;
-  margin: $spacer-largest 0;
-
-  @media print {
-    margin: $spacer-normal 0;
-  }
+  margin: $spacer-normal 0;
 }
 
 table,
 th,
 td {
   border: $spacer-1 dashed;
-  padding: $spacer-small;
+  padding: $spacer-smallest;
 
   @include themed {
     border-color: t($accent);
@@ -366,7 +362,7 @@ hr {
 .container {
   display: flex;
   flex-direction: column;
-  padding: 0 $spacer-large;
+  padding: $spacer-small;
   max-width: $container-max-width;
   min-height: 100vh;
 

assets/styles/_menu.scss

@@ -21,7 +21,8 @@
 }
 
 @mixin header-menu-trigger {
-  padding: $spacer-small $spacer-normal;
+  font-weight: 700;
+  padding: $spacer-smallest $spacer-small;
   height: 100%;
   margin-bottom: 0 !important;
   position: relative;
@@ -62,7 +63,7 @@
 
     > li {
       flex: 0 0 auto;
-      padding: $spacer-small $spacer-normal;
+      padding: $spacer-smallest $spacer-small;
       border: $spacer-2 dotted;
 
       @include themed {

assets/styles/_post.scss

@@ -1,33 +1,31 @@
 .post {
   width: 100%;
   text-align: left;
-  margin: $spacer-largest 0;
+  margin: $spacer-normal 0;
 
   @media print {
     margin: 0 0 $spacer-large 0;
   }
 
   &-entries {
-    margin: $spacer-large 0 $spacer-large $spacer-large;
-
     .item {
-      padding: $spacer-smallest;
-      margin: $spacer-small 0;
+      margin-bottom: $spacer-normal;
 
       p {
-        margin: $spacer-small 0;
+        margin: 0;
       }
 
       h2,
       h3 {
         border-style: none;
-        margin: $spacer-small 0;
+        margin: 0;
+        padding: 0;
       }
     }
   }
 
   &-header {
-    margin: $spacer-largest 0;
+    margin: $spacer-normal 0;
 
     @media print {
       margin: 0;
@@ -97,21 +95,13 @@
   }
 
   &-toc {
-    margin: $spacer-largest 0;
+    margin: $spacer-normal 0;
 
     @media print {
       display: none;
     }
   }
 
-  &-content {
-    margin: $spacer-largest 0;
-
-    @media print {
-      margin: 0;
-    }
-  }
-
   &-cover {
     border: $spacer-large solid $accent;
     background: transparent;
@@ -125,16 +115,14 @@
   }
 
   &-footer {
-    margin: $spacer-largest 0;
-
     @media print {
       display: none;
     }
   }
 
   &-support {
     font-style: italic;
-    margin: $spacer-largest 0;
+    margin: $spacer-normal 0;
     border-top: $spacer-1 solid;
 
     @include themed {

assets/styles/_syntax.scss

@@ -1,6 +1,6 @@
 /* syntax highlighted code layout */
 div.highlight-wrapper {
-  margin: $spacer-large 0;
+  margin: $spacer-normal 0;
   border-radius: $spacer-2;
   border: $spacer-1 solid;