push the footer at the bottom

Author: Nhacsam

theme/assets/styles/common/_global.scss

@@ -4,9 +4,18 @@ a:active {
   text-decoration: none;
 }
 
-.content {
+// to always move the footer at the bottom of the page
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
 }
 
+.wrap {
+  flex: 1;
+}
+
+
 body.sidebar-primary,
 body.page:not(.home) {
   .main,

theme/assets/styles/layouts/_footer.scss

@@ -3,6 +3,7 @@ $footer-font-color: #e4f7f7 !default;
 .footer {
   background-color: $footer-bg;
   color: $footer-font-color;
+  clear: both;
 
   .footer__main {
     @include make-row();
@@ -80,5 +81,5 @@ $footer-font-color: #e4f7f7 !default;
 
     }
   }
-  
+
 }