fix(): Add min height of page (#354)

bart-krakowski · jedrzejchalubek · commit 69b0eb16b076 · 2019-11-26T14:26:39.000+01:00
* fix(): Add min height of page

* fix(): Change min height of full page
diff --git a/src/404.html b/src/404.html
@@ -5,7 +5,7 @@
 ---
 
 <div class="docs">
-  <div class="stage">
+  <div class="docs__inner stage">
     <div class="docs__aside stage__aside">
       {% include_cached navbar/logo.html %}
       {% include_cached menu/menu.html %}
@@ -45,7 +45,7 @@ <h1 class="page-404__heading">The page you were looking for doesn't exist.</h1>
     </div>
   </div>
 
-  <footer>
+  <footer class="docs__footer">
     {% include_cached components/footer.html %}
   </footer>
 </div>
diff --git a/src/_layouts/catalog.html b/src/_layouts/catalog.html
@@ -3,7 +3,7 @@
 ---
 
 <div class="docs">
-  <div class="stage">
+  <div class="docs__inner stage">
     <div class="docs__aside stage__aside">
       {% include_cached navbar/logo.html %}
 
@@ -50,7 +50,7 @@ <h1 id="{{ page.title | downcase }}" class="destinations__heading page__heading"
     </div>
   </div>
 
-  <footer>
+  <footer class="docs__footer">
     {% include_cached components/footer.html %}
   </footer>
 </div>
diff --git a/src/_layouts/integration.html b/src/_layouts/integration.html
@@ -3,7 +3,7 @@
 ---
 
 <div class="docs">
-  <div class="stage">
+  <div class="docs__inner stage">
     <div class="docs__aside stage__aside">
       {% include_cached navbar/logo.html %}
 
@@ -103,7 +103,7 @@ <h1 id="{{ page.title | downcase }}" class="page__heading">
     </div>
   </div>
 
-  <footer>
+  <footer class="docs__footer">
     {% include_cached components/footer.html %}
   </footer>
 </div>
diff --git a/src/_layouts/main.html b/src/_layouts/main.html
@@ -3,7 +3,7 @@
 ---
 
 <div class="docs">
-  <div class="stage">
+  <div class="docs__inner stage">
     <div class="docs__aside stage__aside">
       {% include_cached navbar/logo.html %}
 
@@ -22,7 +22,7 @@
     {{ content }}
   </div>
 
-  <footer>
+  <footer class="docs__footer">
     {% include_cached components/footer.html %}
   </footer>
 </div>
diff --git a/src/_sass/pages/_docs.scss b/src/_sass/pages/_docs.scss
@@ -1,4 +1,16 @@
 .docs {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+
+  &__inner {
+    flex: 1;
+  }
+
+  &__footer {
+    flex: 0 1 auto;
+  }
+
   &__aside {
     position: relative;
     z-index: 0;
