remove transitions bc they are broken in chrome

This commit is contained in:
zoe 2022-04-16 16:51:09 +02:00
parent e4c082a763
commit 4ef09766cf

View file

@ -45,7 +45,6 @@ a.footer-nav-item:hover {
color: $dark-bg-alt; color: $dark-bg-alt;
background-color: $dark-bg; background-color: $dark-bg;
border-color: $dark-bg; border-color: $dark-bg;
transition: $trans-short;
} }
footer { footer {
@ -64,7 +63,6 @@ footer a {
} }
color: $dark-bg; color: $dark-bg;
background-color: $dark-bg-alt; background-color: $dark-bg-alt;
transition: $transition-time;
} }
.togglelabel { .togglelabel {
@ -74,21 +72,18 @@ footer a {
} }
background-color: $dark-bg-alt; background-color: $dark-bg-alt;
border-color: $dark-bg; border-color: $dark-bg;
transition: $transition-time;
} }
.togglelabel.light::after { .togglelabel.light::after {
background-color: $light-bg; background-color: $light-bg;
border-color: $light-bg; border-color: $light-bg;
color: $light-bg-alt; color: $light-bg-alt;
transition: $transition-time;
} }
.togglelabel::after { .togglelabel::after {
background-color: $dark-bg; background-color: $dark-bg;
border-color: $dark-bg; border-color: $dark-bg;
color: $dark-bg-alt; color: $dark-bg-alt;
transition: $transition-time;
} }
body.light #title { body.light #title {
@ -170,10 +165,8 @@ h2.light {
article.light a { article.light a {
background-color: transparent; background-color: transparent;
color: $light-ln; color: $light-ln;
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;
@ -184,7 +177,6 @@ article.light a {
a:hover { a:hover {
color: $dark-bg; color: $dark-bg;
background-color: $dark-ln; background-color: $dark-ln;
transition: $trans-short;
border-color: $dark-ln; border-color: $dark-ln;
} }
@ -194,14 +186,12 @@ a:hover {
article.light a:hover { article.light a:hover {
color: $light-bg; color: $light-bg;
background-color: $light-ln; background-color: $light-ln;
transition: $trans-short;
border-color: $light-ln; border-color: $light-ln;
} }
.light.hash-link:hover, .light.hash-link:hover,
.hash-link:hover { .hash-link:hover {
background-color: transparent; background-color: transparent;
transition: $transition-time;
} }
h1, h1,
@ -236,7 +226,6 @@ button {
background-color: $dark-bg-alt; background-color: $dark-bg-alt;
border-color: $dark-bg; border-color: $dark-bg;
&:hover { &:hover {
transition: $trans-short;
background-color: $dark-bg; background-color: $dark-bg;
color: $dark-bg-alt; color: $dark-bg-alt;
} }
@ -245,7 +234,6 @@ button {
background-color: $light-bg-alt; background-color: $light-bg-alt;
border-color: $light-bg; border-color: $light-bg;
&:hover { &:hover {
transition: $trans-short;
background-color: $light-bg; background-color: $light-bg;
color: $light-bg-alt; color: $light-bg-alt;
} }