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 8f5d6a7e37682fe1ddc253317f6c95117b466f8d..8ed083ca9bb33879ab8a529b86d9e84b84f3773d 100644 (file)
--- 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; }
                }
        }