From: Johnny Magrippis <magrippinho@gmail.com>
Date: Sat, 1 Nov 2014 13:50:34 +0000 (+0200)
Subject: Active state styling
X-Git-Tag: v5.5.0~42^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F5999%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Active state styling

Actually makes use of the $icon-bar-active-color variable to set the
background when an "active" class is added to the anchor, akin to what
happens with the :hover pseudoclass.
---

diff --git a/scss/foundation/components/_icon-bar.scss b/scss/foundation/components/_icon-bar.scss
index 8f5d6a7e3..8ed083ca9 100644
--- a/scss/foundation/components/_icon-bar.scss
+++ b/scss/foundation/components/_icon-bar.scss
@@ -179,6 +179,15 @@ $icon-bar-item-padding: 1.25rem !default;
 
 			label { color: $bar-font-color-hover; }
 
+			i { color: $bar-icon-color-hover; }
+		}
+
+        & > a.active {
+
+			background: $bar-active-color;
+
+			label { color: $bar-font-color-hover; }
+
 			i { color: $bar-icon-color-hover; }
 		}
 	}