Made table-layout a setting.

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 0ee7ed499310e3e555ca39a4ba2b0d61e2a803e7..d8e5615ba46d0bc87e1cc58dad7bd809c79e971b 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -1281,7 +1281,8 @@ $include-html-global-classes: $include-html-classes;
 // $table-row-font-color: $jet;
 // $table-line-height: rem-calc(18);
 
-// These are for controlling the display and margin of tables
+// These are for controlling the layout, display and margin of tables
+// $table-layout: auto;
 // $table-display: table-cell;
 // $table-margin-bottom: rem-calc(20);
 

diff --git a/scss/foundation/components/_tables.scss b/scss/foundation/components/_tables.scss
index 4e61584ba6a19e0240a867abfa70712365540c07..ba3e42e62ff8a999babb527d5105548bd6cbd69b 100644 (file)
--- a/scss/foundation/components/_tables.scss
+++ b/scss/foundation/components/_tables.scss
@@ -50,7 +50,8 @@ $table-row-font-size: rem-calc(14) !default;
 $table-row-font-color: $jet !default;
 $table-line-height: rem-calc(18) !default;
 
-// These are for controlling the display and margin of tables
+// These are for controlling the layout, display and margin of tables
+$table-layout: auto !default;
 $table-display: table-cell !default;
 $table-margin-bottom: rem-calc(20) !default;
 
@@ -63,6 +64,7 @@ $table-margin-bottom: rem-calc(20) !default;
   background: $table-bg;
   margin-bottom: $table-margin-bottom;
   border: $table-border-style $table-border-size $table-border-color;
+  table-layout: $table-layout;
 
   caption {
     background: $table-caption-bg;