From 66fc564ce16e7dbfe67549c8c09b7c99f85fcc05 Mon Sep 17 00:00:00 2001 From: chillmania Date: Thu, 18 Sep 2014 12:56:41 -0500 Subject: [PATCH] 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 --- scss/foundation/components/_top-bar.scss | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) 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; -- 2.47.2