flex body, keep footer at bot

1138-4EB · 1138-4EB · commit 31aa70e1a66e · 2018-07-29T16:59:07.000+01:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -2,8 +2,10 @@
 <html lang="{{ page.lang | default: site.lang | default: "en" }}">
   {% include head.html %}
   <body>
-    {% include header.html %}
-    {{ content }}
+    <div class="flex">
+        {% include header.html %}
+      {{ content }}
+    </div>
     {% include footer.html %}
   </body>
 </html>
diff --git a/_sass/style.sass b/_sass/style.sass
@@ -6,6 +6,14 @@ $primary: $blue
 
 @import "bulma/bulma"
 
+body
+    display: flex
+    min-height: 100vh
+    flex-direction: column
+
+.flex
+    flex: 1 0 auto
+
 .container
     max-width: 960px !important
     width: 95%
