Allow table stack breakpoint to be set with a variable

diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index 388f1d73e37b03a91993a1b60cb43ee2f43368e5..e7afd9f7922ba41669b92046dd87af396278a026 100644 (file)
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -306,7 +306,7 @@ $show-header-for-stacked: false !default;
   }
 
   table.stack {
-    @include breakpoint(medium down) {
+    @include breakpoint($table-stack-breakpoint down) {
       @include table-stack;
     }
   }

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index af784b6d687087b74938d9589164a7610f3f41f4..8eeb4c948a29f0347aa998a815f44027cb8e9e1a 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -556,6 +556,7 @@ $table-foot-background: smart-scale($table-background, $table-color-scale);
 $table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
 $table-head-font-color: $body-font-color;
 $table-foot-font-color: $body-font-color;
+$table-stack-breakpoint: medium;
 $show-header-for-stacked: false;
 
 // 33. Tabs