From 46daff2ddba64ff28a4b33ab999a4adb91f868f2 Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Tue, 22 Oct 2019 22:58:04 +0200 Subject: [PATCH] Removed unused warning|error|success (s)css variables and added green-90; green color with 90% opacity --- src/scss/variables.scss | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/src/scss/variables.scss b/src/scss/variables.scss index e4a6f0e..6705122 100644 --- a/src/scss/variables.scss +++ b/src/scss/variables.scss @@ -17,20 +17,19 @@ --background-nav-logo: #081c24; --color-green: #01d277; + --color-green-90: rgba(1, 210, 119, .9); --color-teal: #091c24; --color-black: #081c24; --white: #fff; --white-70: rgba(255,255,255,0.7); - --color-warning: #fff5cd; - --color-warning-text: #081c24; - --color-warning-light: rgb(255, 203, 5); + --color-warning: rgba(241, 188, 53, 0.7); + --color-warning-highlight: #f1bc35; --color-success: rgba(0, 100, 66, 0.8); --color-success-text: #fff; --color-success-highlight: rgb(0, 100, 66); --color-error: rgba(220, 48, 35, 0.8); --color-error-highlight: #DC3023; - --color-error-text: #fff; --header-size: 75px; } @@ -48,7 +47,6 @@ --background-95: rgba(30, 31, 34, 0.95); --background-70: rgba(30, 31, 34, 0.8); --background-40: rgba(30, 31, 34, 0.4); - --color-teal: #091c24; } } @@ -62,6 +60,7 @@ $header-size: var(--header-size); $dark: rgb(30, 31, 34); $green: var(--color-green); +$green-90: var(--color-green-90); $teal: #091c24; $black: #081c24; $black-80: rgba(0,0,0,0.8); @@ -81,14 +80,11 @@ $background-40: var(--background-40) !default; $background-dark-85: rgba($dark, 0.85) !default; $background-nav-logo: var(--background-nav-logo) !default; $color-warning: var(--color-warning) !default; -$color-warning-text: var(--color-warning-text) !default; -$color-warning-light: var(--color-warning-light) !default; +$color-warning-highlight: var(--color-warning-highlight) !default; $color-success: var(--color-success) !default; $color-success-highlight: var(--color-success-highlight) !default; $color-error: var(--color-error) !default; $color-error-highlight: var(--color-error-highlight) !default; -$color-error-text: var(--color-error-text) !default; -$color-error-light: var(--color-error) !default; .halloween { --text-color: #6a318c;