From 502d5977d79148957828cbf313b7ef4c9f31973f Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 11 Apr 2020 16:23:14 +1000 Subject: Converted to 2 space indentation --- src/sass/settings/menus.scss | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) (limited to 'src/sass/settings/menus.scss') diff --git a/src/sass/settings/menus.scss b/src/sass/settings/menus.scss index 62c3dd04..bdd1eb36 100644 --- a/src/sass/settings/menus.scss +++ b/src/sass/settings/menus.scss @@ -2,9 +2,14 @@ // Menus // ========================================================================== -$plyr-menu-background: rgba(#fff, 0.9) !default; -$plyr-menu-color: $plyr-color-gray-700 !default; -$plyr-menu-arrow-size: 6px !default; -$plyr-menu-border-color: rgba($plyr-color-gray-500, 0.2) !default; -$plyr-menu-border-shadow-color: #fff !default; -$plyr-menu-shadow: 0 1px 2px rgba(#000, 0.15) !default; +$plyr-menu-background: var(--plyr-menu-background, rgba(#fff, 0.9)) !default; +$plyr-menu-color: var(--plyr-menu-color, $plyr-color-gray-700) !default; + +$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba($plyr-color-gray-900, 0.15)) !default; + +$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 6px) !default; +$plyr-menu-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default; + +// Border seperators +$plyr-menu-border-color: var(--plyr-menu-border-color, $plyr-color-gray-100) !default; +$plyr-menu-border-shadow-color: var(--plyr-menu-border-shadow-color, #fff) !default; -- cgit v1.2.3 From a97008aeebb19678e5183e7c934e60729857e11b Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Fri, 24 Apr 2020 00:14:50 +1000 Subject: More work on custom properties and documentation --- src/sass/settings/menus.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'src/sass/settings/menus.scss') diff --git a/src/sass/settings/menus.scss b/src/sass/settings/menus.scss index bdd1eb36..283a0c59 100644 --- a/src/sass/settings/menus.scss +++ b/src/sass/settings/menus.scss @@ -3,13 +3,13 @@ // ========================================================================== $plyr-menu-background: var(--plyr-menu-background, rgba(#fff, 0.9)) !default; +$plyr-menu-radius: var(--plyr-menu-radius, 4px) !default; $plyr-menu-color: var(--plyr-menu-color, $plyr-color-gray-700) !default; +$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(#000, 0.15)) !default; +$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 4px) !default; -$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba($plyr-color-gray-900, 0.15)) !default; +$plyr-menu-item-arrow-size: var(--plyr-menu-item-arrow-size, 4px) !default; +$plyr-menu-item-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default; -$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 6px) !default; -$plyr-menu-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default; - -// Border seperators -$plyr-menu-border-color: var(--plyr-menu-border-color, $plyr-color-gray-100) !default; -$plyr-menu-border-shadow-color: var(--plyr-menu-border-shadow-color, #fff) !default; +$plyr-menu-back-border-color: var(--plyr-menu-back-border-color, $plyr-color-gray-100) !default; +$plyr-menu-back-border-shadow-color: var(--plyr-menu-back-border-shadow-color, #fff) !default; -- cgit v1.2.3