mirror of
https://git.kittycat.homes/zoe/hugo-battheme.git
synced 2024-08-15 03:25:18 +00:00
remove transitions bc they are broken in chrome
This commit is contained in:
parent
7a003e52c6
commit
e4c082a763
1 changed files with 8 additions and 27 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue