diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index b167b4c..f8ea464 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -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 {