push footer to bottom of viewport

themes/lumbung-theme/layouts/_default/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <main class="main">
+    <main class="main single">
       <article class="h-entry">
       <header>
         <h1 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>

themes/lumbung-theme/static/css/main.css

@@ -53,6 +53,10 @@ body {
     font-size: 21px;
     font-family: Gudea;
     margin: 0;
+
+    /* pushes footer to bottom */
+    grid-template-rows: auto auto 1fr auto;
+    min-height: 100vh;
 }
 
 * {
@@ -123,10 +127,6 @@ body {
     padding-right: 1em;
 }
 
-.e-content {
-    padding-left: 1em;
-}
-
 /* base header & menu */
 
 #top-menu {
@@ -835,3 +835,10 @@ footer a:hover {
     display:block;
     margin:auto;
 }
+
+
+/* single page styles */
+.single header {
+    flex-direction: column;
+    margin-bottom: 4rem;
+}