Add Auto width column #541

1 files changed, 27 insertions, 6 deletions

diff --git a/src/_layout.scss b/src/_layout.scss
index b416e6b..1f6b77c 100644
--- a/src/_layout.scss
+++ b/src/_layout.scss
@@ -76,7 +76,8 @@
   &.col-4,
   &.col-3,
   &.col-2,
-  &.col-1 {
+  &.col-1,
+  &.col-auto {
     flex: none;
   }
 }
@@ -143,7 +144,8 @@
   .col-xl-4,
   .col-xl-3,
   .col-xl-2,
-  .col-xl-1 {
+  .col-xl-1,
+  .col-xl-auto {
     flex: none;
   }
   .col-xl-12 {
@@ -182,6 +184,9 @@
   .col-xl-1 {
     width: 8.33333333%;
   }
+  .col-xl-auto {
+    width: auto;
+  }
   .hide-xl {
     display: none !important;
   }
@@ -201,7 +206,8 @@
   .col-lg-4,
   .col-lg-3,
   .col-lg-2,
-  .col-lg-1 {
+  .col-lg-1,
+  .col-lg-auto {
     flex: none;
   }
   .col-lg-12 {
@@ -240,6 +246,9 @@
   .col-lg-1 {
     width: 8.33333333%;
   }
+  .col-lg-auto {
+    width: auto;
+  }
   .hide-lg {
     display: none !important;
   }
@@ -259,7 +268,8 @@
   .col-md-4,
   .col-md-3,
   .col-md-2,
-  .col-md-1 {
+  .col-md-1,
+  .col-md-auto {
     flex: none;
   }
   .col-md-12 {
@@ -298,6 +308,9 @@
   .col-md-1 {
     width: 8.33333333%;
   }
+  .col-md-auto {
+    width: auto;
+  }
   .hide-md {
     display: none !important;
   }
@@ -317,7 +330,8 @@
   .col-sm-4,
   .col-sm-3,
   .col-sm-2,
-  .col-sm-1 {
+  .col-sm-1,
+  .col-sm-auto {
     flex: none;
   }
   .col-sm-12 {
@@ -356,6 +370,9 @@
   .col-sm-1 {
     width: 8.33333333%;
   }
+  .col-sm-auto {
+    width: auto;
+  }
   .hide-sm {
     display: none !important;
   }
@@ -375,7 +392,8 @@
   .col-xs-4,
   .col-xs-3,
   .col-xs-2,
-  .col-xs-1 {
+  .col-xs-1,
+  .col-xs-auto {
     flex: none;
   }
   .col-xs-12 {
@@ -414,6 +432,9 @@
   .col-xs-1 {
     width: 8.33333333%;
   }
+  .col-xs-auto {
+    width: auto;
+  }
   .hide-xs {
     display: none !important;
   }