Make the footer sticky

This resolves #56.
Andy-set-studio · Jul 16, 2019 · efc07d2 · efc07d2
1 parent 785a52c
commit efc07d2
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/scss/global.scss b/src/scss/global.scss
@@ -12,14 +12,23 @@
 @import 'typography';
 
 /**
- * GLOBAL STYLES 
+ * GLOBAL STYLES
  */
+html, body {
+  height: 100%;
+}
+
 body {
   scroll-behavior: smooth;
+  display: flex;
+  flex-direction: column;
 }
 
-main:focus {
-  outline: none;
+main {
+  flex: 1 0 auto;
+  &:focus {
+    outline: none;
+  }
 }
 
 hr {