From d0fc2bdcbe41a781810da8243602bd4d6c4e1bb0 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Thu, 13 Apr 2023 15:04:05 +0200 Subject: [PATCH] Prepare footer --- sass/style.scss | 13 +++++++++++++ templates/base.html | 3 +++ 2 files changed, 16 insertions(+) diff --git a/sass/style.scss b/sass/style.scss index 5120606..4c85d63 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -10,8 +10,11 @@ $width-narrow: ($width-wrap/3)*2; } body { + display: flex; + flex-direction: column; max-width: 60em; width: 100%; + min-height: 100vh; margin: 0 auto; background: #131516; color: #e8e6e3; @@ -79,3 +82,13 @@ body>main { padding: 0; } } + +body>footer { + width: 100%; + padding: 1em; + margin-top: auto; + + @media only screen and (min-width: $width-wrap) { + padding: 1em 0; + } +} diff --git a/templates/base.html b/templates/base.html index f05baa1..a3747e7 100644 --- a/templates/base.html +++ b/templates/base.html @@ -42,4 +42,7 @@ {% endif %} {% endblock content %} +