From fd666bbb9ebdc5cb40606f7fcd9dbeb1a3a15703 Mon Sep 17 00:00:00 2001
From: Viktor Persson <vikpe@users.noreply.github.com>
Date: Sat, 30 Jan 2021 14:01:42 +0100
Subject: [PATCH] Refactor shadow variables. (#3251)

* Refactor shadow variables.

* Add default flags.
---
 sass/components/card.sass             | 2 +-
 sass/components/dropdown.sass         | 2 +-
 sass/components/panel.sass            | 2 +-
 sass/elements/box.sass                | 2 +-
 sass/utilities/derived-variables.sass | 4 ++++
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/sass/components/card.sass b/sass/components/card.sass
index 341ec71c..73387f38 100644
--- a/sass/components/card.sass
+++ b/sass/components/card.sass
@@ -2,7 +2,7 @@
 
 $card-color: $text !default
 $card-background-color: $scheme-main !default
-$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$card-shadow: $shadow !default
 $card-radius: 0.25rem !default
 
 $card-header-background-color: transparent !default
diff --git a/sass/components/dropdown.sass b/sass/components/dropdown.sass
index 6bf6a3aa..3743cb77 100644
--- a/sass/components/dropdown.sass
+++ b/sass/components/dropdown.sass
@@ -8,7 +8,7 @@ $dropdown-content-offset: 4px !default
 $dropdown-content-padding-bottom: 0.5rem !default
 $dropdown-content-padding-top: 0.5rem !default
 $dropdown-content-radius: $radius !default
-$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$dropdown-content-shadow: $shadow !default
 $dropdown-content-z: 20 !default
 
 $dropdown-item-color: $text !default
diff --git a/sass/components/panel.sass b/sass/components/panel.sass
index a9d42fbd..afaffcd9 100644
--- a/sass/components/panel.sass
+++ b/sass/components/panel.sass
@@ -3,7 +3,7 @@
 $panel-margin: $block-spacing !default
 $panel-item-border: 1px solid $border-light !default
 $panel-radius: $radius-large !default
-$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$panel-shadow: $shadow !default
 
 $panel-heading-background-color: $border-light !default
 $panel-heading-color: $text-strong !default
diff --git a/sass/elements/box.sass b/sass/elements/box.sass
index ed70a39a..85524301 100644
--- a/sass/elements/box.sass
+++ b/sass/elements/box.sass
@@ -3,7 +3,7 @@
 $box-color: $text !default
 $box-background-color: $scheme-main !default
 $box-radius: $radius-large !default
-$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$box-shadow: $shadow !default
 $box-padding: 1.25rem !default
 
 $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
diff --git a/sass/utilities/derived-variables.sass b/sass/utilities/derived-variables.sass
index 2b9e7e03..cefc8f1d 100644
--- a/sass/utilities/derived-variables.sass
+++ b/sass/utilities/derived-variables.sass
@@ -99,6 +99,10 @@ $size-normal: $size-6 !default
 $size-medium: $size-5 !default
 $size-large: $size-4 !default
 
+// Effects
+
+$shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+
 // Lists and maps
 $custom-colors: null !default
 $custom-shades: null !default