Update box shadow for panels.

Box shadow value should be stored and referenced as a variable.
2019-05-01 06:52:50 -04:00
parent bb06735c83
commit 7bf5ac09e2
4 changed files with 7 additions and 7 deletions
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -47,8 +47,8 @@
 }

@mixin shadow-panel {
-  padding: $gap / 2 0;
-  box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
+  padding: $gap /2 0;
+  box-shadow: $box-shadow;
  border-top: none;
  border-bottom: none;
 }
@@ -57,6 +57,7 @@
  @include panel-base;
  @include panel-theme-default;
  @include panel-margin;
+  @include shadow-panel;

  .panel__content {
    margin: ($gap * 2) 0;
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -16,7 +16,7 @@
    }
    width: 25rem;

-    box-shadow: 0 6px 18px 0 rgba(48,58,65,0.15);
+    box-shadow: $box-shadow;

    .sidenav__title {
      @include sidenav__header;