From: Brett Mason <brettsmason@users.noreply.github.com>
Date: Wed, 14 Jun 2017 10:46:18 +0000 (+0100)
Subject: Updated to dropdown menu padding
X-Git-Tag: v6.4.0-rc4~10^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10187%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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.
---

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;
     }