~ashie/blog: style: move .footnotes to blog.scss, adjust some margins

3 files changed, 17 insertions(+), 20 deletions(-)

M assets/blog.scss
M assets/main.scss
M layouts/404.html

M assets/blog.scss => assets/blog.scss +11 -0

@@ 18,6 18,17 @@ body {
     font-size: medium;
 }
 
+.footnotes {
+    color: color(subtext1);
+    font-size: smaller;
+    list-style-type: none;
+    padding-left: 0;
+
+    & > hr {
+        border: color(overlay1) solid 1px;
+    }
+}
+
 .highlight {
     background-color: color(mantle);
     overflow-x: auto;

M assets/main.scss => assets/main.scss +5 -13

@@ 57,6 57,10 @@ body {
     }
 }
 
+main {
+    margin-bottom: auto;
+}
+
 article {
     hyphens: manual;
     overflow-wrap: break-word;


@@ 78,21 82,9 @@ article {
     margin: 0.25rem 0;
 }
 
-.footnotes {
-    color: color(subtext1);
-    font-size: smaller;
-    list-style-type: none;
-    padding-left: 0;
-
-    & > hr {
-        border: color(overlay1) solid 1px;
-    }
-}
-
 footer {
     color: color(overlay1);
     font-size: 0.75rem;
-    margin-top: auto;
-    padding-top: 1rem;
+    margin-top: 1rem;
     text-align: center;
 }

M layouts/404.html => layouts/404.html +1 -7

@@ 3,13 3,7 @@
     {{ partial "head.html" . }}
 
     <body>
-        <main
-            style="
-                margin: auto;
-                margin-bottom: 0;
-                text-align: center;
-            "
-        >
+        <main style="margin: auto; text-align: center;">
             <h1 style="font-size: xxx-large; margin: 0">404</h1>
             <h2>this page does not exist</h2>
             <a href="/">-> take me home <-</a>