Fixed, footer at the bottom for short content

WordPress · May 12, 2019 · dbae4e3 · dbae4e3
1 parent d99922a
commit dbae4e3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/header.php b/header.php
@@ -54,5 +54,5 @@
 </header>
 <!--/HEADER-->
 
-<main id="main-content" class="uk-section uk-padding-remove-vertical"><div class="uk-container">
+<main id="main-content" class="uk-section"><div class="uk-container">
 
diff --git a/site.scss b/site.scss
@@ -18,6 +18,19 @@
 
 // 5. Quick Inline Hacks
 
+/*--------------------------------------------------------------
+# Layout
+--------------------------------------------------------------*/
+
+main#main-content {
+    min-height: 100vh;
+    margin-top: -80px;
+    padding-top: 80px;
+    padding-bottom: 100px;
+}
+footer#colophon {
+    margin-top: -100px;
+}
 /* 
 Text meant only for screen readers. 
 @see https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/