From a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Thu, 2 Apr 2020 11:39:14 +0200 Subject: Use form-control to display box-shadow on form inputs/selects upon focus --- client/src/sass/include/_variables.scss | 3 +++ 1 file changed, 3 insertions(+) (limited to 'client/src/sass/include/_variables.scss') diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 3c9fa5939..d0f1a3630 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss @@ -12,11 +12,13 @@ $grey-background-color: #E5E5E5; $grey-background-hover-color: #EFEFEF; $grey-foreground-color: #585858; $grey-foreground-hover-color: #303030; +$grey-button-outline-color: scale-color($grey-foreground-color, $alpha: -95%); // Palette $main-color: hsl(24, 90%, 50%); $main-hover-color: lighten($main-color, 5%); $main-color-lighter: lighten($main-color, 10%); +$main-color-lightest: lighten($main-color, 40%); $secondary-color: hsl(187, 77, 34); // @@ -77,6 +79,7 @@ $activated-action-button-color: black; $variables: ( --mainColor: var(--mainColor), --mainColorLighter: var(--mainColorLighter), + --mainColorLightest: var(--mainColorLightest), --mainHoverColor: var(--mainHoverColor), --mainBackgroundColor: var(--mainBackgroundColor), --mainForegroundColor: var(--mainForegroundColor), -- cgit v1.2.3