diff options
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/components/menus.less | 6 | ||||
| -rw-r--r-- | src/less/components/tooltips.less | 2 | ||||
| -rw-r--r-- | src/less/settings.less | 4 |
3 files changed, 8 insertions, 4 deletions
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; diff --git a/src/less/settings.less b/src/less/settings.less index cc5b870e..bbcca869 100644 --- a/src/less/settings.less +++ b/src/less/settings.less @@ -48,11 +48,15 @@ @plyr-tooltip-padding: (@plyr-control-spacing / 2); @plyr-tooltip-arrow-size: 4px; @plyr-tooltip-radius: 3px; +@plyr-tooltip-shadow: 0 1px 2px fade(#000, 15%); // Menus @plyr-menu-bg: @plyr-tooltip-bg; @plyr-menu-color: @plyr-tooltip-color; @plyr-menu-arrow-size: 6px; +@plyr-menu-border-color: #b6c5cd; +@plyr-menu-border-shadow-color: #fff; +@plyr-menu-shadow: 0 1px 2px fade(#000, 15%); // Progress @plyr-progress-loading-size: 25px; |