From 69bf6029134cf9fc0f4f08b4ae2792806a3e3576 Mon Sep 17 00:00:00 2001
From: RafiBomb <rafi@zurb.com>
Date: Thu, 28 Jul 2016 14:31:19 -0700
Subject: [PATCH] updates marketing topbar colors to match marketing site

---
 docs/assets/scss/docs.scss | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 929bf77de..351adacbb 100644
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -26,8 +26,40 @@
 @import 'examples/reveal';
 @import 'examples/top-bar';
 
+$topbar-background: #2c3840;
+$topbar-hover-color: lighten($topbar-background, 10%);
 
 .marketing-topbar,
 .title-bar {
-  background: #2c3840;
+  background: $topbar-background;
+
+  .dropdown.menu a {
+    background: $topbar-background;
+  }
+
+  .title {
+    background: $topbar-background;
+  }
+}
+
+.dropdown.menu a.button {
+  background: $primary-color;
+}
+
+.is-dropdown-submenu-item a {
+  &:hover {
+    background: $topbar-hover-color;
+  }
+}
+
+.marketing-topbar .menu a:hover:not(.button), 
+.marketing-topbar .menu a:focus {
+  background: $topbar-hover-color;
+}
+
+.marketing-topbar .menu .topbar-title a {
+  &:hover, 
+  &:focus {
+    background: $topbar-background;
+  }
 }
\ No newline at end of file
-- 
2.47.3