From 3930ebb339e750f6da8d6936f78d55215414b0f9 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sun, 5 Nov 2017 01:02:10 +1100
Subject: Menu design tweaks, moved logic into plugins

---
 src/less/components/menus.less    | 6 +++---
 src/less/components/tooltips.less | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/less/components')

diff --git a/src/less/components/menus.less b/src/less/components/menus.less
index 52b735de..171ae52d 100644
--- a/src/less/components/menus.less
+++ b/src/less/components/menus.less
@@ -30,7 +30,7 @@
         animation: plyr-popup 0.2s ease;
         background: @plyr-menu-bg;
         border-radius: 4px;
-        box-shadow: 0 1px 2px fade(#000, 20%);
+        box-shadow: @plyr-menu-shadow;
         white-space: nowrap;
         text-align: left;
         color: @plyr-menu-color;
@@ -117,8 +117,8 @@
                     height: 1px;
                     overflow: hidden;
                     margin-top: ceil(@plyr-control-padding / 2);
-                    background: fade(#000, 15%);
-                    box-shadow: 0 1px 0 fade(#fff, 10%);
+                    background: @plyr-menu-border-color;
+                    box-shadow: 0 1px 0 @plyr-menu-border-shadow-color;
                 }
 
                 &.tab-focus::after,
diff --git a/src/less/components/tooltips.less b/src/less/components/tooltips.less
index 0f7c0071..225bb02a 100644
--- a/src/less/components/tooltips.less
+++ b/src/less/components/tooltips.less
@@ -12,7 +12,7 @@
     opacity: 0;
     background: @plyr-tooltip-bg;
     border-radius: @plyr-tooltip-radius;
-    box-shadow: 0 1px 2px fade(#000, 10%);
+    box-shadow: @plyr-tooltip-shadow;
     color: @plyr-tooltip-color;
     font-size: @plyr-font-size-small;
     font-weight: @plyr-font-weight-normal;
-- 
cgit v1.2.3