zoe/hugo-battheme
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-battheme.git synced 2024-08-15 03:25:18 +00:00
Code Issues Projects Releases Wiki Activity

footer

Browse source
This commit is contained in:
zoe 2022-04-10 18:52:13 +02:00
parent 6354e1d70a
commit 8c62a099cc
2 changed files with 22 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
assets/scss/colors.scss
View file

@ -1,14 +1,15 @@
$light-bg: #f0f0eb ;
$light-bg-alt: #545155 ;
$light-fg: #545155 ;
$light-ln: #d8828e ;
$light-active: #7be098 ;
$light-bg: #ddcf99;
$light-bg-alt: #4e5463;
$light-fg: #202020;
$light-ln: #4e5463;
$light-active: #f1866c;
$dark-bg: #2e4052 ;
$dark-bg-alt: #c97064 ;
$dark-fg: #fbbbad;
$dark-ln: #ee8695;
$dark-active: #4a7a96;
$dark-bg: #4b3d44;
$dark-bg-alt: #bd97a9;
$dark-fg: #e6d0c4;
$dark-ln: #bd97a9;
$dark-active: #4b4361;
$transition-time: 1.5s;
body {
&.light {
@ -17,6 +18,7 @@ body {
}
background-color: $dark-bg;
color: $dark-fg;
transition: $transition-time;
}
a {
@ -26,6 +28,7 @@ a {
}
background-color: $dark-ln;
color: $dark-bg;
transition: $transition-time;
}
a.footer-nav-item.active {
@ -33,6 +36,7 @@ a.footer-nav-item.active {
color: $light-active;
}
color: $dark-active;
transition: $transition-time;
}
footer {
@ -42,6 +46,7 @@ footer {
}
background-color: $dark-bg-alt;
color: $dark-bg;
transition: $transition-time;
}
footer a {
@ -51,6 +56,7 @@ footer a {
}
color: $dark-bg;
background-color: $dark-bg-alt;
transition: $transition-time;
}
.togglelabel {
@ -58,14 +64,16 @@ footer a {
background-color: $light-bg;
}
background-color: $dark-bg;
transition: $transition-time;
}
.togglelabel.light::after{
.togglelabel.light::after {
background-color: $light-fg;
color: $light-bg;
}
.togglelabel::after{
.togglelabel::after {
background-color: $dark-fg;
color: $dark-bg;
transition: $transition-time;
}

2
assets/scss/layout.scss
View file

@ -11,6 +11,7 @@ footer {
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
}
#content {
@ -46,3 +47,4 @@ footer {
#footer-right *{
display: flex;
}