From: chillmania Date: Thu, 18 Sep 2014 17:56:41 +0000 (-0500) Subject: grouped $topbar-dropdown vars together. Add $topbar-dropdown-link-color-hover for... X-Git-Tag: v5.4.6~10^2~3 X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F5831%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git grouped $topbar-dropdown vars together. Add $topbar-dropdown-link-color-hover for the option of having a separate color for hovering drop elements. Dropdown elements previously had an option for a text color, but not for a hover text color --- diff --git a/scss/foundation/components/_top-bar.scss b/scss/foundation/components/_top-bar.scss index f4aae7291..ee15eb458 100644 --- a/scss/foundation/components/_top-bar.scss +++ b/scss/foundation/components/_top-bar.scss @@ -23,15 +23,6 @@ $topbar-margin-bottom: 0 !default; $topbar-title-weight: $font-weight-normal !default; $topbar-title-font-size: rem-calc(17) !default; -// Style the top bar dropdown elements -$topbar-dropdown-bg: $oil !default; -$topbar-dropdown-link-color: $white !default; -$topbar-dropdown-link-bg: $oil !default; -$topbar-dropdown-link-weight: $font-weight-normal !default; -$topbar-dropdown-toggle-size: 5px !default; -$topbar-dropdown-toggle-color: $white !default; -$topbar-dropdown-toggle-alpha: 0.4 !default; - // Set the link colors and styles for top-level nav $topbar-link-color: $white !default; $topbar-link-color-hover: $white !default; @@ -53,6 +44,16 @@ $topbar-link-dropdown-padding: 20px; $topbar-button-font-size: 0.75rem !default; $topbar-button-top: 7px !default; +// Style the top bar dropdown elements +$topbar-dropdown-bg: $oil !default; +$topbar-dropdown-link-color: $white !default; +$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default; +$topbar-dropdown-link-bg: $oil !default; +$topbar-dropdown-link-weight: $font-weight-normal !default; +$topbar-dropdown-toggle-size: 5px !default; +$topbar-dropdown-toggle-color: $white !default; +$topbar-dropdown-toggle-alpha: 0.4 !default; + $topbar-dropdown-label-color: $monsoon !default; $topbar-dropdown-label-text-transform: uppercase !default; $topbar-dropdown-label-font-weight: $font-weight-bold !default; @@ -585,7 +586,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the } &:hover > a:not(.button) { - color: $topbar-link-color-hover; + color: $topbar-dropdown-link-color-hover; background-color: $topbar-link-bg-color-hover; @if ($topbar-link-bg-hover) { background: $topbar-link-bg-hover;