From d5389cd73d6bcf740a5e4c64a84f594932f000ef Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Sun, 30 Sep 2018 17:26:05 +0100 Subject: [PATCH] Make footer sticky Signed-off-by: Michael Tremer --- src/scss/_variables.scss | 3 +++ src/scss/style.scss | 12 ++++++++++-- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 6693384a..015eef48 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -89,3 +89,6 @@ $input-btn-padding-y: .5rem; // Buttons $btn-border-width: 3px; + +// Footer +$footer-height: 22rem; diff --git a/src/scss/style.scss b/src/scss/style.scss index 2f481da3..89aa7e0a 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -43,11 +43,14 @@ color: $body-bg; } -body { - // For scrollspy +html { position: relative; + min-height: 100%; +} +body { padding-top: 6rem; + margin-bottom: $footer-height; } // Buttons @@ -101,6 +104,11 @@ body { } footer { + position: absolute; + bottom: 0; + width: 100%; + height: $footer-height; + .btn-toolbar .icon { height: 2.25rem; width: 2.25rem; -- 2.47.3