updates topbar links and colors

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 7dc58112449b1e1cff9e39be106fb720f122b57a..62a30f45ad886596a8eb9f29c30873be6b11e9ae 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -1,4 +1,5 @@
-// The CSS for the Foundation docs is stored in an external codebase:
+$topbar-background: #2c3840;
+$topbar-hover-color: lighten($topbar-background, 10%);// The CSS for the Foundation docs is stored in an external codebase:
 // https://github.com/zurb/foundation-docs
 //
 // You can test Sass changes locally by running these commands:
@@ -27,6 +28,9 @@ $foundation-palette: (
 @import 'compatibility';
 @import 'course-callout';
 
+$topbar-background: #2c3840;
+$topbar-hover-color: lighten($topbar-background, 10%);
+
 .dropdown.menu > li.is-dropdown-submenu-parent > a {
   padding-right: 1rem;
 }
@@ -50,5 +54,43 @@ $foundation-palette: (
 
 .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;
+
+  &:hover {
+    background: darken($primary-color, 10%);
+  }
+}
+
+.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;
+  }
+}
+
+.zurb-footer-bottom {
+  background: $topbar-background;
 }
\ No newline at end of file

diff --git a/docs/partials/navigation.html b/docs/partials/navigation.html
index 58a1d947f8ba0782249d075c33d00f0bb7ee2f92..413b4e59207295ee30234c64e6ce87ebd07511c4 100644 (file)
--- a/docs/partials/navigation.html
+++ b/docs/partials/navigation.html
@@ -7,13 +7,14 @@
   <ul class="dropdown menu" data-dropdown-menu data-click-open="false">
 
     <li>
-      <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+      <a href="http://foundation.zurb.com/learn/about.html">About</a>
       <ul class="submenu menu vertical" data-submenu>
         <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
-        <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
-        <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+        <li><a href="http://foundation.zurb.com/learn/events.html">Events</a></li>
+        <li><a href="http://foundation.zurb.com/learn/blog.html">Blog</a></li>
         <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
         <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
+        <li><a href="http://foundation.zurb.com/learn/buzz.html">Buzz</a></li>
       </ul>
     </li>
 
@@ -31,15 +32,25 @@
         <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
         <li><a href="http://foundation.zurb.com/develop/yeti-launch.html">Yeti Launch</a></li>
         <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+        <li><a href="http://foundation.zurb.com/upload.html">Annotate Code</a></li>
       </ul>
     </li>
 
-    <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+    <li>
+      <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+        <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+        <li><a href="http://foundation.zurb.com/learn/custom-training.html">Custom Training</a></li>
+        <li><a href="http://foundation.zurb.com/learn/certification.html">Certification</a></li>
+        <li><a href="http://foundation.zurb.com/learn/responsive-reading.html">Responsive Reading</a></li>
+      </ul>
+    </li>
 
     <li>
       <a href="http://foundation.zurb.com/get-involved/contribute.html">Get Involved</a>
       <ul class="submenu menu vertical" data-submenu>
-        <li><a href="http://foundation.zurb.com/get-involved/support.html">Support</a></li>
+        <li><a href="http://foundation.zurb.com/get-involved/support.html">Connect</a></li>
         <li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li>
         <li><a href="http://foundation.zurb.com/forum/">Foundation Forum</a></li>
         <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
@@ -52,12 +63,13 @@
       <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
       <ul class="submenu menu vertical" data-submenu>
         <li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+        <li><a href="http://foundation.zurb.com/sites/docs/v/5.5.3/" target="_blank">F5 Docs</a></li>
         <li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
-        <li><a href="http://foundation.zurb.com/emails/docs" target="_blank">Email Docs</a></li>
+        <li><a href="http://foundation.zurb.com/emails/docs/" target="_blank">Email Docs</a></li>
       </ul>
     </li>
 
-    <li><a href="http://foundation.zurb.com/emails/getting-started.html" class="button">Getting Started</a></li>
+    <li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
 
   </ul>