Create SCSS shadow mixin

this is used a bunch of places in the UI, going to work this in over time
2018-05-25 15:57:38 -07:00 · 2018-05-25 15:57:38 -07:00 · db3f3cb5e3
parent 89f84c1ace
commit db3f3cb5e3
2 changed files with 6 additions and 1 deletions
--- a/ui/src/style/components/dygraphs.scss
+++ b/ui/src/style/components/dygraphs.scss
@ -174,7 +174,7 @@
  min-width: 350px;
  user-select: text;
  transform: translateX(-50%);
-  box-shadow: 0 0 10px 2px $g2-kevlar;
+  @extend %drop-shadow;

  &.hidden {
    display: none !important;
--- a/ui/src/style/modules/mixins.scss
+++ b/ui/src/style/modules/mixins.scss
@ -125,3 +125,8 @@ $scrollbar-offset: 3px;
    cursor: default;
  }
 }
+
+// Shadows
+%drop-shadow {
+  box-shadow: 0 0 10px 2px $g2-kevlar;
+}