From 6a989ca6ca0fe5282f0aad857ba0028360f237f9 Mon Sep 17 00:00:00 2001 From: Jake Howard Date: Sat, 27 Apr 2019 21:44:00 +0100 Subject: [PATCH] Fix weird spacing under footer --- static/src/scss/style.scss | 7 ++----- static/src/scss/variables.scss | 1 + 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss index 831f6dd..a6c3315 100644 --- a/static/src/scss/style.scss +++ b/static/src/scss/style.scss @@ -7,7 +7,6 @@ $body-color: $gray-300; html, body { - height: 100%; color: $body-color; } @@ -125,15 +124,13 @@ table td { #index-header { width: 100%; - height: calc(100% - 110px); + height: calc(100vh - #{$footer-height}); } footer { - position: static; - bottom: 0; background-color: $black; width: 100%; - height: 110px; + height: $footer-height; color: lighten($black, 50); a { diff --git a/static/src/scss/variables.scss b/static/src/scss/variables.scss index 23a45f4..be41f0f 100644 --- a/static/src/scss/variables.scss +++ b/static/src/scss/variables.scss @@ -1,2 +1,3 @@ $primary: #E85537; $body-bg: #17181C; +$footer-height: 110px;