From d7c9f79f3aec2d9b3920cb2e83287584df8b8f4a Mon Sep 17 00:00:00 2001 From: Brett Mason Date: Wed, 14 Jun 2017 11:46:18 +0100 Subject: [PATCH] Updated to dropdown menu padding Fixed `$dropdownmenu-submenu-padding` not being applied as it wasn't specific enough and added a variable to control arrow indicator padding. --- scss/components/_dropdown-menu.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss index be5e16476..465ccbe3f 100644 --- a/scss/components/_dropdown-menu.scss +++ b/scss/components/_dropdown-menu.scss @@ -18,6 +18,10 @@ $dropdownmenu-arrow-color: $anchor-color !default; /// @type Length $dropdownmenu-arrow-size: 6px !default; +/// Sets dropdown menu arrow padding for aligning the arrow correctly. +/// @type Length +$dropdownmenu-arrow-padding: 1.5rem !default; + /// Minimum width of dropdown sub-menus. /// @type Length $dropdownmenu-min-width: 200px !default; @@ -96,7 +100,7 @@ $dropdown-menu-item-background-active: transparent !default; @if $dropdownmenu-arrows { > li.is-dropdown-submenu-parent > a { position: relative; - padding-#{$global-right}: 1.5rem; + padding-#{$global-right}: $dropdownmenu-arrow-padding; } > li.is-dropdown-submenu-parent > a::after { @@ -239,7 +243,7 @@ $dropdown-menu-item-background-active: transparent !default; border: $dropdownmenu-border; background: $dropdownmenu-submenu-background; - a { + .dropdown & a { padding: $dropdownmenu-submenu-padding; } -- 2.47.2