From a19bb90604a04c3ba57a48d1c84eba7b0294a654 Mon Sep 17 00:00:00 2001
From: FezVrasta <federico.zivolo@gmail.com>
Date: Thu, 4 Aug 2016 11:52:00 +0200
Subject: [PATCH] styled table

---
 scss/_tables.scss                     | 25 +++++++++++++++++++++++++
 scss/_variables.scss                  |  1 +
 scss/variables/bootstrap/_tables.scss |  6 ++++++
 3 files changed, 32 insertions(+)
 create mode 100644 scss/variables/bootstrap/_tables.scss

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 258aa909..80a99cba 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -24,3 +24,28 @@
 }
 
 
+.table {
+  thead th {
+    font-size: $bmd-table-header-font-size;
+    font-weight: 500;
+    color: $gray;
+    border-top-width: 0;
+    border-bottom-width: $table-border-width;
+  }
+}
+
+
+thead.thead-inverse, // needs specificity
+.table-inverse thead {
+  th {
+    color: $bmd-inverse-lighter;
+  }
+}
+
+.table-inverse {
+  th,
+  td,
+  thead th {
+    border-color: $bmd-table-border-color-inverse;
+  }
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index bb2ae79f..3ea78211 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -33,6 +33,7 @@ $bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted
 @import "variables/bootstrap/nav";
 @import "variables/bootstrap/pagination";
 @import "variables/bootstrap/state";
+@import "variables/bootstrap/tables";
 @import "variables/bootstrap/type";
 @import "variables/bootstrap/modals";
 
diff --git a/scss/variables/bootstrap/_tables.scss b/scss/variables/bootstrap/_tables.scss
new file mode 100644
index 00000000..6a6aa393
--- /dev/null
+++ b/scss/variables/bootstrap/_tables.scss
@@ -0,0 +1,6 @@
+$table-bg-accent: rgba(#000, .03);
+$table-border-color: rgba(#000, .06);
+$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)
+
+$bmd-table-header-font-size: .95rem;
+$bmd-table-border-color-inverse: rgba(#fff, .06);