From 0bde89ac336d97654dfeb87f43a6a02f81b49114 Mon Sep 17 00:00:00 2001 From: Kevin Ball Date: Wed, 31 May 2017 10:40:48 -0700 Subject: [PATCH] Update dropdown active states to override menus by default --- scss/components/_dropdown-menu.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss index fb9dd2584..be5e16476 100644 --- 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; } -- 2.47.2