Added background, and color css declarations for table tfoot

diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index 1ab735d8698d35dc5d880eccaf786c1af7db1c84..1e25b20a59074e47b9ec4d2776bbcc35800fefdc 100644 (file)
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -56,6 +56,10 @@ $table-foot-background: smart-scale($table-background, $table-color-scale) !defa
 /// @type Color
 $table-head-font-color: $body-font-color !default;
 
+/// Default font color for footer.
+/// @type Color
+$table-foot-font-color: $body-font-color !default;
+
 /// Default value for showing the header when using stacked tables.
 /// @type Boolean
 $show-header-for-stacked: false !default;
@@ -73,13 +77,22 @@ $show-header-for-stacked: false !default;
     font-weight: $global-weight-bold;
     padding: $table-padding;
   }
+  
+  // Table head
+  thead {
+    background: $table-head-background;
+    color: $table-head-font-color;
+  }
+
+  // Table foot
+  tfoot {
+    background: $table-foot-background;
+    color: $table-foot-font-color;
+  }
 
   // Table head and foot
   thead,
   tfoot {
-    background: $table-head-background;
-    color: $table-head-font-color;
-
     // Rows within head and foot
     tr {
       background: transparent;

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index c7c3e91c3faebe906cc2116382241b970daf8e8d..af51ab2b6b0e7d0cffc1e6266ab7b3491cc10190 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -504,6 +504,7 @@ $table-stripe: even;
 $table-head-background: smart-scale($table-background, $table-color-scale / 2);
 $table-foot-background: smart-scale($table-background, $table-color-scale);
 $table-head-font-color: $body-font-color;
+$table-foot-font-color: $body-font-color;
 $show-header-for-stacked: false;
 
 // 32. Tabs