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 | |
| parent | Better list limit (diff) | |
| download | volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.tar.gz volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.tar.bz2 volpeon.ink-fdb2fe6ef685871b0c842bf9d24dd1f6a83e54a7.zip | |
Improved sticky footer
| -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; |