From 1437a08b06158c173d8c4aaf3bb40a4e5cba4c69 Mon Sep 17 00:00:00 2001
From: Nate Wiebe <nate@northern.co>
Date: Mon, 25 Jul 2016 12:54:00 -0400
Subject: [PATCH] Add settings for the hover color for thead and tfoot

---
 scss/components/_table.scss | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index 1e25b20a5..b3b1be8ef 100644
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -48,10 +48,18 @@ $table-stripe: even !default;
 /// @type Color
 $table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;
 
+/// Default color of header rows on hover.
+/// @type List
+$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;
+
 /// Default color for footer background.
 /// @type Color
 $table-foot-background: smart-scale($table-background, $table-color-scale) !default;
 
+/// Default color of footer rows on hover.
+/// @type List
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;
+
 /// Default font color for header.
 /// @type Color
 $table-head-font-color: $body-font-color !default;
@@ -161,7 +169,21 @@ $show-header-for-stacked: false !default;
 
 /// Slightly darkens the table rows on hover.
 @mixin table-hover {
-  tr {
+  thead tr {
+    //Darkens the table header rows on hover.
+    &:hover {
+      background-color: $table-head-row-hover;
+    }
+  }
+
+  tfoot tr {
+    //Darkens the table footer rows on hover.
+    &:hover {
+      background-color: $table-foot-row-hover;
+    }
+  }
+
+  tbody tr {
     //Darkens the non-striped table rows on hover.
     &:hover {
       background-color: $table-row-hover;
-- 
2.47.2