_top-bar.scss in zurb-foundation-4.0.4

- old
+ new

@@ -25,10 +25,11 @@
 $topbar-dropdown-bg: #333 !default;
 $topbar-dropdown-link-color: #fff !default;
 $topbar-dropdown-toggle-size: 5px !default;
 $topbar-dropdown-toggle-color: #fff !default;
 $topbar-dropdown-toggle-alpha: 0.5 !default;
+$dropdown-label-color: #555 !default;
 
 // Top menu icon styles
 $topbar-menu-link-transform: uppercase !default;
 $topbar-menu-link-font-size: emCalc(13px) !default;
 $topbar-menu-link-weight: bold !default;
@@ -284,17 +285,25 @@
     li { width: 100%;
       a {
         font-weight: normal;
         padding: 8px $topbar-height / 3;
       }
+
+      &.title h5 { margin-bottom: 0;
+        a {
+          color: $topbar-link-color;
+          line-height: $topbar-height / 2;
+          display: block;
+        }
+      }
     }
 
     label {
       padding: 8px $topbar-height / 3 2px;
       margin-bottom: 0;
       text-transform: uppercase;
-      color: #555;
+      color: $dropdown-label-color;
       font-weight: bold;
       font-size: emCalc(10px);
     }
   }
 }
@@ -348,10 +357,10 @@
     li {
       a:not(.button) {
         padding: 0 $topbar-height / 3;
         line-height: $topbar-height;
         background: $topbar-bg;
-        &:hover { background: darken($topbar-dropdown-bg, 3%); }
+        &:hover { background: darken($topbar-dropdown-bg, 30%); }
       }
     }
 
     .has-dropdown {
       & > a {