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

remove transitions bc they are broken in chrome

This commit is contained in:
zoe 2022-04-16 16:42:27 +02:00
parent 7a003e52c6
commit e4c082a763
1 changed files with 8 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
assets/scss/colors.scss
View File

@ -14,13 +14,9 @@ $dark-accent1: #ffdc6d;
$dark-accent2: #61d478;
$dark-accent3: #ffffff;
$transition-time: 2s;
$transition-time: 1s;
$trans-short: 0.2s;
* {
transition: $transition-time;
}
body {
&.light {
background-color: $light-bg;
@ -28,7 +24,6 @@ body {
}
background-color: $dark-bg;
color: $dark-fg;
transition: $transition-time;
}
a {
@ -38,7 +33,6 @@ a {
}
background-color: transparent;
color: $dark-ln;
transition: $transition-time;
}
a.footer-nav-item.active,
@ -61,7 +55,6 @@ footer {
}
background-color: $dark-bg-alt;
color: $dark-bg;
transition: $transition-time;
}
footer a {
@ -101,13 +94,11 @@ footer a {
body.light #title {
color: $light-bg;
background-color: $light-bg-alt;
transition: $transition-time;
}
body #title {
color: $dark-bg;
background-color: $dark-bg-alt;
transition: $transition-time;
}
article {
@ -117,13 +108,11 @@ article {
}
background-color: $dark-bg;
border-color: $dark-bg-alt;
transition: $transition-time;
}
h2 {
background-color: $dark-accent1;
color: $dark-bg;
transition: $transition-time;
&.light {
color: $light-bg;
}
@ -139,7 +128,6 @@ h2 a {
h3 {
background-color: $dark-accent2;
color: $dark-bg;
transition: $transition-time;
}
h3 a {
@ -152,7 +140,6 @@ h3 a {
h3.light {
background-color: $light-accent2;
color: $light-bg;
transition: $transition-time;
&a {
color: $light-bg;
}
@ -163,10 +150,8 @@ h6,
h4 {
background-color: $dark-accent3;
color: $dark-bg;
transition: $transition-time;
& a {
color: $dark-bg;
background-color: transparent;
}
}
@ -175,13 +160,11 @@ h5.light,
h6.light {
background-color: $light-accent3;
color: $light-bg;
transition: $transition-time;
}
h2.light {
background-color: $light-accent1;
color: $light-bg;
transition: $transition-time;
}
article.light a {
@ -190,6 +173,7 @@ article.light a {
transition: $transition-time;
&.hash-link {
color: $light-bg;
transition: 0s;
}
&.hash-link:hover {
background-color: transparent;
@ -237,11 +221,6 @@ h6 {
header.light {
background-color: $light-bg;
transition: $transition-time;
}
header {
transition: $transition-time;
}
.posttitle a {
@ -277,11 +256,13 @@ button {
&.light {
color: $light-bg;
}
&:hover {background-color: transparent;}
&:hover {
background-color: transparent;
}
background-color: transparent;
}
#hamburger-bg{
#hamburger-bg {
background-color: $dark-bg;
& .hamburger-nav-item {
background-color: transparent;
@ -292,9 +273,9 @@ button {
color: $dark-bg;
}
}
&.light{
&.light {
background-color: $light-bg;
& .hamburger-nav-item{
& .hamburger-nav-item {
color: $light-ln;
border-color: $light-ln;
&:hover {