From: Kevin Ball Date: Wed, 31 May 2017 17:40:48 +0000 (-0700) Subject: Update dropdown active states to override menus by default X-Git-Tag: v6.4.0-rc1~20^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9670%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update dropdown active states to override menus by default --- 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; }