zoe
/
hugo-battheme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

footer

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

2
assets/scss/layout.scss
View File

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