fix lightmode button being weird

This commit is contained in:
zoe 2022-04-13 16:00:22 +02:00
parent 76b758dcad
commit 2e52a4843f
4 changed files with 42 additions and 36 deletions

View file

@ -28,11 +28,11 @@ body {
a {
&.light {
background-color: $light-ln;
color: $light-bg;
background-color: transparent;
color: $light-ln;
}
background-color: $dark-ln;
color: $dark-bg;
background-color: transparent;
color: $dark-ln;
transition: $transition-time;
}
@ -129,12 +129,17 @@ article.light h3 {
color: $light-bg;
transition: $transition-time;
}
article h5,
article h6,
article h4 {
background-color: $dark-accent3;
color: $dark-bg;
transition: $transition-time;
}
article.light h5,
article.light h6,
article.light h4 {
background-color: $light-accent3;
color: $light-bg;
@ -147,16 +152,7 @@ article.light h2 {
transition: $transition-time;
}
article h5,
article h6,
article a {
background-color: $dark-ln;
color: $dark-bg;
transition: $transition-time;
}
article.light h5,
article.light h6,
article.light a {
background-color: $light-ln;
color: $light-bg;
@ -165,11 +161,11 @@ article.light a {
a:hover {
&.light {
color: $light-ln;
background-color: transparent;
color: $light-bg;
background-color: $light-ln;
}
color: $dark-ln;
background-color: transparent;
color: $dark-bg;
background-color: $dark-ln;
}
article.light a:hover {

View file

@ -30,6 +30,11 @@ footer {
margin-left: 24%;
}
#content ol ol,
#content ul ul{
margin-left: 0.12em;
}
#footer-left {
margin-top: auto;
margin-bottom: auto;

View file

@ -6,12 +6,13 @@ $toggle-height: 24pt;
border-width: 2pt;
}
input[type="checkbox"]{
cursor: pointer;
}
.toggleinput{
opacity: 0;
max-height: 0;
opacity: 10;
max-height: 10;
overflow: hidden;
}