make footer height static

This commit is contained in:
zoe 2022-04-11 19:22:28 +02:00
parent 4c7695dac2
commit 2f630b6a5b
2 changed files with 12 additions and 3 deletions

View file

@ -3,12 +3,15 @@ $light-bg-alt: #4e5463;
$light-fg: #202020; $light-fg: #202020;
$light-ln: #4e5463; $light-ln: #4e5463;
$light-active: #f1866c; $light-active: #f1866c;
$light-h1: blue;
$dark-bg: #4b3d44; $dark-bg: #4b3d44;
$dark-bg-alt: #bd97a9; $dark-bg-alt: #bd97a9;
$dark-fg: #e6d0c4; $dark-fg: #e6d0c4;
$dark-ln: #bd97a9; $dark-ln: #bd97a9;
$dark-active: #4b4361; $dark-active: #4b4361;
$dark-h1: red;
$transition-time: 1.5s; $transition-time: 1.5s;
body { body {
@ -77,3 +80,10 @@ footer a {
color: $dark-bg; color: $dark-bg;
transition: $transition-time; transition: $transition-time;
} }
#title{
&.light{
color: $light-h1;
}
color: $dark-h1;
}

View file

@ -5,8 +5,7 @@ body {
} }
footer { footer {
height: 6%; height: 42pt;
min-height: 42pt;
position: sticky; position: sticky;
display: flex; display: flex;
align-items: center; align-items: center;
@ -15,7 +14,7 @@ footer {
} }
#content { #content {
min-height: 94%; min-height: calc(100% - 42pt);
right: auto; right: auto;
} }