diff options
author | Volpeon <git@volpeon.ink> | 2021-11-18 16:17:14 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-11-18 16:17:14 +0100 |
commit | fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7 (patch) | |
tree | 9b0123982b84ecc748cee2bf1a10883ee6a7b37e /assets | |
parent | Better list limit (diff) | |
download | volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.tar.gz volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.tar.bz2 volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.zip |
Improved sticky footer
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/_basics.scss | 10 | ||||
-rw-r--r-- | 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 { | |||
28 | } | 28 | } |
29 | 29 | ||
30 | body { | 30 | body { |
31 | display: flex; | 31 | box-sizing: border-box; |
32 | box-sizing: border-box; | 32 | min-height: 100%; |
33 | flex-direction: column; | 33 | margin: 0; |
34 | min-height: 100%; | 34 | padding: 2px; |
35 | margin: 0; | ||
36 | padding: 2px; | ||
37 | } | 35 | } |
38 | 36 | ||
39 | main { | 37 | 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 @@ | |||
7 | )); | 7 | )); |
8 | 8 | ||
9 | @include component(namespace()) { | 9 | @include component(namespace()) { |
10 | position: relative; | 10 | position: sticky; |
11 | margin-top: auto; | 11 | top: 100vh; |
12 | overflow: hidden; | 12 | overflow: hidden; |
13 | color: prop(--colors --fg); | 13 | color: prop(--colors --fg); |
14 | font-family: $font-fam--mono; | 14 | font-family: $font-fam--mono; |