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