From: Marat <vanilla-thunder@users.noreply.github.com>
Date: Tue, 26 Jun 2018 22:42:23 +0000 (+0200)
Subject: automatically pick active menu item text color
X-Git-Tag: v6.6.0~3^2~144^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F11354%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

automatically pick active menu item text color

picking text color by contrast instead of hardcoded white for easier color scheme customisation
---

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index ea708600d..0cbb9d0a9 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -26,6 +26,10 @@ $menu-simple-margin: 1rem !default;
 /// @type Color
 $menu-item-color-active: $white !default;
 
+/// Alternative text color of an active menu item..
+/// @type Color
+$menu-item-color-alt-active: $black !default;
+
 /// Background color of an active menu item.
 /// @type Color
 $menu-item-background-active: get-color(primary) !default;
@@ -350,7 +354,7 @@ $menu-icons-back-compat: true !default;
 
 @mixin menu-state-active {
   background: $menu-item-background-active;
-  color: $menu-item-color-active;
+  color: color-pick-contrast($menu-item-background-active, ($menu-item-color-active, $menu-item-color-alt-active));
 }
 
 @mixin foundation-menu {
diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index fb447f895..f06c97dcc 100644
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -473,6 +473,7 @@ $menu-nested-margin: $global-menu-nested-margin;
 $menu-items-padding: $global-menu-padding;
 $menu-simple-margin: 1rem;
 $menu-item-color-active: $white;
+$menu-item-color-alt-active: $black;
 $menu-item-background-active: get-color(primary);
 $menu-icon-spacing: 0.25rem;
 $menu-item-background-hover: $light-gray;