From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 4 Dec 2015 21:53:03 +0000 (-0800)
Subject: On top bar, use color variables instead of hex values, and fix links inside top bar... 
X-Git-Tag: v6.0.6~74
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9bf0552ef5f737c1e209e9efd5c2e76b05afbdbe;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

On top bar, use color variables instead of hex values, and fix links inside top bar being white, fixes #7399
---

diff --git a/scss/components/_top-bar.scss b/scss/components/_top-bar.scss
index fe841b6d1..650dfd660 100644
--- a/scss/components/_top-bar.scss
+++ b/scss/components/_top-bar.scss
@@ -12,11 +12,11 @@ $topbar-padding: 0.5rem !default;
 
 /// Background color for the top bar. This color also cascades to menus within the top bar.
 /// @type Color
-$topbar-background: #eee !default;
+$topbar-background: $light-gray !default;
 
 /// Color for links inside a top bar menu.
 /// @type Color
-$topbar-link-color: #fff !default;
+$topbar-link-color: $primary-color !default;
 
 /// Width of `<input>` elements inside the top bar.
 /// @type Number
@@ -27,13 +27,13 @@ $topbar-input-width: 200px !default;
   @include clearfix;
   padding: $topbar-padding;
 
-  &, ul {
+  &,
+  ul {
     background-color: $topbar-background;
+  }
 
-    & li > a {
-      color: $topbar-link-color;
-    }
-
+  a {
+    color: $topbar-link-color;
   }
 
   input {