From fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 18 Nov 2021 16:17:14 +0100 Subject: Improved sticky footer --- assets/css/_basics.scss | 10 ++++------ assets/css/components/_footer.scss | 4 ++-- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 8d5e41b..4d9f2f5 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss @@ -28,12 +28,10 @@ html { } body { - display: flex; - box-sizing: border-box; - flex-direction: column; - min-height: 100%; - margin: 0; - padding: 2px; + box-sizing: border-box; + min-height: 100%; + margin: 0; + padding: 2px; } main { diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss index d33e929..7106be2 100644 --- a/assets/css/components/_footer.scss +++ b/assets/css/components/_footer.scss @@ -7,8 +7,8 @@ )); @include component(namespace()) { - position: relative; - margin-top: auto; + position: sticky; + top: 100vh; overflow: hidden; color: prop(--colors --fg); font-family: $font-fam--mono; -- cgit v1.2.3-54-g00ecf