_top-bar.scss in zurb-foundation-4.2.2

- old
+ new
@@ -2,65 +2,65 @@
 // Top Bar Variables
 //
 $include-html-top-bar-classes: $include-html-classes !default;
 
 // Background color for the top bar
-$topbar-bg:                            #111 !default;
+$topbar-bg: #111 !default;
 
 // Height and margin
-$topbar-height:                        45px !default;
-$topbar-margin-bottom:                 emCalc(30px) !default;
+$topbar-height: 45px !default;
+$topbar-margin-bottom: emCalc(30px) !default;
 
 // Control Input height for top bar
-$topbar-input-height:                  2.45em !default;
+$topbar-input-height: 2.45em !default;
 
 // Controlling the styles for the title in the top bar
-$topbar-title-weight:                  bold !default;
-$topbar-title-font-size:               emCalc(17px) !default;
+$topbar-title-weight: bold !default;
+$topbar-title-font-size: emCalc(17px) !default;
 
 // Style the top bar dropdown elements
-$topbar-dropdown-bg:                   #222 !default;
-$topbar-dropdown-link-color:           #fff !default;
-$topbar-dropdown-link-bg:              lighten($topbar-bg, 5%) !default;
-$topbar-dropdown-toggle-size:          5px !default;
-$topbar-dropdown-toggle-color:         #fff !default;
-$topbar-dropdown-toggle-alpha:         0.5 !default;
+$topbar-dropdown-bg: #222 !default;
+$topbar-dropdown-link-color: #fff !default;
+$topbar-dropdown-link-bg: lighten($topbar-bg, 5%) !default;
+$topbar-dropdown-toggle-size: 5px !default;
+$topbar-dropdown-toggle-color: #fff !default;
+$topbar-dropdown-toggle-alpha: 0.5 !default;
 
 // Set the link colors and styles for top-level nav
-$topbar-link-color:                    #fff !default;
-$topbar-link-color-hover:              #fff !default;
-$topbar-link-color-active:             #fff !default;
-$topbar-link-weight:                   bold !default;
-$topbar-link-font-size:                emCalc(13px) !default;
-$topbar-link-hover-lightness:          -30% !default; // Darken by 30%
-$topbar-link-bg-hover:                 darken($topbar-bg, 3%) !default;
-$topbar-link-bg-active:                darken($topbar-bg, 3%) !default;
+$topbar-link-color: #fff !default;
+$topbar-link-color-hover: #fff !default;
+$topbar-link-color-active: #fff !default;
+$topbar-link-weight: bold !default;
+$topbar-link-font-size: emCalc(13px) !default;
+$topbar-link-hover-lightness: -30% !default; // Darken by 30%
+$topbar-link-bg-hover: darken($topbar-bg, 3%) !default;
+$topbar-link-bg-active: darken($topbar-bg, 3%) !default;
 
-$topbar-dropdown-label-color:          #555 !default;
+$topbar-dropdown-label-color: #555 !default;
 $topbar-dropdown-label-text-transform: uppercase !default;
-$topbar-dropdown-label-font-weight:    bold !default;
-$topbar-dropdown-label-font-size:      emCalc(10px) !default;
+$topbar-dropdown-label-font-weight: bold !default;
+$topbar-dropdown-label-font-size: emCalc(10px) !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;
-$topbar-menu-link-color:               #fff !default;
-$topbar-menu-icon-color:               #fff !default;
-$topbar-menu-link-color-toggled:       #888 !default;
-$topbar-menu-icon-color-toggled:       #888 !default;
+$topbar-menu-link-transform: uppercase !default;
+$topbar-menu-link-font-size: emCalc(13px) !default;
+$topbar-menu-link-weight: bold !default;
+$topbar-menu-link-color: #fff !default;
+$topbar-menu-icon-color: #fff !default;
+$topbar-menu-link-color-toggled: #888 !default;
+$topbar-menu-icon-color-toggled: #888 !default;
 
 // Transitions and breakpoint styles
-$topbar-transition-speed:              300ms !default;
-$topbar-breakpoint:                    emCalc(940px) !default; // Change to 9999px for always mobile layout
-$topbar-media-query:                   "only screen and (min-width: #{$topbar-breakpoint})" !default;
+$topbar-transition-speed: 300ms !default;
+$topbar-breakpoint: emCalc(940px) !default; // Change to 9999px for always mobile layout
+$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default;
 
 // Divider Styles
-$topbar-divider-border-bottom:         solid 1px lighten($topbar-bg, 10%) !default;
-$topbar-divider-border-top:            solid 1px darken($topbar-bg, 10%) !default;
+$topbar-divider-border-bottom: solid 1px lighten($topbar-bg, 10%) !default;
+$topbar-divider-border-top: solid 1px darken($topbar-bg, 10%) !default;
 
 // Sticky Class
-$topbar-sticky-class:                  ".sticky" !default;
+$topbar-sticky-class: ".sticky" !default;
 
 @if $include-html-top-bar-classes != false {
 
   /* Wrapped around .top-bar to contain to grid width */
   .contain-to-grid {