remove white space before and after footer on single pages (#159)

remove white space before and after footer on single pages with content shorter than would fit into browser window
zjedi · Oct 6, 2023 · 0f957c9 · 0f957c9
1 parent c547893
commit 0f957c9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/assets/css/theme.scss b/assets/css/theme.scss
@@ -220,12 +220,17 @@ a.fn-item {
 
   background-color: var(--single-page-bg-color);
   color: var(--single-page-text-color);
+  // to remove the white space after the footer on pages shorter
+  // than actually would fit into the browser window
+  min-height: calc(100vh - 2em);
 
   // Tweak the .post wrapper style
   .post {
     margin-top: 0;
     border-bottom: none;
     padding-bottom: 0;
+    // to account for the margin of content elements
+    padding-bottom: 1em;
   }
 
   // Kill that stylish little circle that was on the border
@@ -267,4 +272,4 @@ a.fn-item {
 
 .site-footer a:hover {
   color: var(--sticky-menu-text-color);
-}
+}