Update dropdown active states to override menus by default

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index fb9dd2584d35c7caf1a6826dff726db5306289bc..be5e164769b13273c8c33ff0b0b223b8cf5d9770 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -51,6 +51,14 @@ $dropdownmenu-border: 1px solid $medium-gray !default;
 // @type Length
 $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
 
+/// Text color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-color-active: get-color(primary) !default;
+
+/// Background color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-background-active: transparent !default;
+
 @mixin zf-dropdown-left-right-arrows {
   > a::after {
     #{$global-right}: 14px;
@@ -138,6 +146,12 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       padding: $dropdownmenu-padding;
     }
 
+    // Active state
+    .is-active > a {
+      background: $dropdown-menu-item-background-active;
+      color: $dropdown-menu-item-color-active;
+    }
+
     .no-js & ul {
       display: none;
     }