improve: Reduce spacers for print

* Remove containers padding in print.
* Remove top margin for h1.
* Reduce or remove margins, paddings for all  elements in print.

Author: manid2

assets/styles/_header.scss

@@ -30,6 +30,11 @@
         display: none;
       }
     }
+
+    p {
+      margin: $spacer-small 0 0 0;
+      font-size: $font-size-smaller;
+    }
   }
 }
 

assets/styles/_main.scss

@@ -76,11 +76,6 @@ h3 {
 h1 {
   font-size: $font-size * 2;
   border-bottom: $spacer-2 dotted;
-
-  @media print, ($phone) {
-    margin-top: 0;
-    font-size: $font-size * 2;
-  }
 }
 
 h2 {
@@ -106,6 +101,7 @@ h6 {
 
   @media print {
     break-after: avoid-page;
+    margin: $spacer-small 0;
   }
 
   > a.hanchor {
@@ -123,6 +119,12 @@ h6 {
   }
 }
 
+@media print {
+  h1 {
+    margin-top: 0;
+  }
+}
+
 a {
   text-decoration: none;
 
@@ -295,15 +297,19 @@ td {
 
 ul,
 ol {
-  margin: $spacer-normal 0 $spacer-normal $spacer-large;
+  margin: 0 0 $spacer-normal $spacer-large;
   padding: 0;
 
+  @media print {
+    margin-bottom: 0;
+  }
+
   li {
     position: relative;
 
     @media print {
       > p {
-        margin: $spacer-small 0;
+        margin: 0 0 $spacer-smallest 0;
       }
 
       break-inside: avoid-page;
@@ -357,6 +363,10 @@ hr {
   @include themed {
     background: t($accent);
   }
+
+  @media print {
+    margin: 0;
+  }
 }
 
 .container {
@@ -378,6 +388,7 @@ hr {
 
   @media print {
     display: initial;
+    padding: 0;
   }
 }
 

assets/styles/_post.scss

@@ -39,7 +39,7 @@
     position: relative;
     border-bottom: $border-title;
     width: 100%;
-    padding: $spacer-smallest 0;
+    padding-bottom: $spacer-smallest;
 
     @include themed {
       border-color: t($accent);
@@ -118,6 +118,10 @@
 
   &-footer {
     margin: $spacer-largest 0;
+
+    @media print {
+      margin: $spacer-small 0 0 0;
+    }
   }
 
   &-support {