Added transition to theme switch.

This commit is contained in:
2020-04-02 03:11:00 +02:00
parent c39bfb234d
commit 5d467622f4
14 changed files with 39 additions and 44 deletions

View File

@@ -1,9 +1,6 @@
@import 'states';
/* $primary: #ff886c; */
$breakpoint0: 540px;
$breakpoint: 720px;
$breakpoint2: 900px;
$breakpoint3: 1200px;
$breakpoint4: 1500px;
$primary: #ff6c88;
$background: #fff;
@@ -36,6 +33,8 @@ $male: #0af;
$female: #f0a;
:root {
--theme-transition: .5s ease;
--primary: #ff6c88;
--text-dark: #222;
@@ -53,8 +52,8 @@ $female: #f0a;
--lighten-weak: rgba(255, 255, 255, .2);
--lighten-hint: rgba(255, 255, 255, .1);
--logo-shadow: drop-shadow(1px 0 0 $shadow-weak) drop-shadow(-1px 0 0 $shadow-weak) drop-shadow(0 1px 0 $shadow-weak) drop-shadow(0 -1px 0 $shadow-weak);
--logo-highlight: drop-shadow(0 0 1px $highlight);
--logo-shadow: drop-darken(1px 0 0 $darken-weak) drop-darken(-1px 0 0 $darken-weak) drop-darken(0 1px 0 $darken-weak) drop-darken(0 -1px 0 $darken-weak);
--logo-highlight: drop-shadow(0 0 1px $lighten);
--alert: #f00;
--warn: #fa0;