Add Table with horizontal scroll support #333

1 files changed, 13 insertions, 5 deletions

diff --git a/src/_tables.scss b/src/_tables.scss
index 63a163a..074301f 100644
--- a/src/_tables.scss
+++ b/src/_tables.scss
@@ -13,27 +13,35 @@
     }
   }
 
-  &.table-hover {
+  &,
+  &.table-striped {
     tbody {
       tr {
-        &:hover {
+        &.active {
           background: $bg-color-dark;
         }
       }
     }
   }
 
-  &,
-  &.table-striped {
+  &.table-hover {
     tbody {
       tr {
-        &.active {
+        &:hover {
           background: $bg-color-dark;
         }
       }
     }
   }
 
+  // Tables with horizontal scrollbar
+  &.table-scroll {
+    display: block;
+    overflow-x: auto;
+    padding-bottom: .75rem;
+    white-space: nowrap;
+  }
+
   td,
   th {
     border-bottom: $border-width solid $border-color;