From: Aaron Arney <ocularrhythm@users.noreply.github.com>
Date: Thu, 10 Dec 2015 04:21:29 +0000 (-0500)
Subject: Issue #7405 Use hover state variable for tab-title
X-Git-Tag: v6.0.6~60^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7471%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Issue #7405 Use hover state variable for tab-title

Separate the hover state from focus and aria-selected to make use of the $tab-item-background-hover variable.
---

diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss
index 9a73704ee..e0ef7788f 100644
--- a/scss/components/_tabs.scss
+++ b/scss/components/_tabs.scss
@@ -106,7 +106,10 @@ $tab-content-padding: 1rem !default;
       font-size: 12px;
       color: $tab-item-color;
 
-      &:hover,
+      &:hover {
+        background: $tab-item-background-hover;
+      }
+      
       &:focus,
       &[aria-selected='true'] {
         background: $tab-background-active;