Add make-col-auto mixin (#29367)

diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index 567c04a73ec404e9d670aeff100feaf37d7b9733..1ab9b5a5a7691a0ca77669ae7fd77011f17d2637 100644 (file)
--- a/scss/mixins/_grid-framework.scss
+++ b/scss/mixins/_grid-framework.scss
@@ -41,9 +41,7 @@
       }
 
       .col#{$infix}-auto {
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%; // Reset earlier grid tiers
+        @include make-col-auto();
       }
 
       @for $i from 1 through $columns {

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 5918df1af30ec268efeabe2e84252552c425d46e..938b210955f88e9df7f885cb78ed80fefaa26406 100644 (file)
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -45,6 +45,12 @@
   max-width: percentage($size / $columns);
 }
 
+@mixin make-col-auto() {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%; // Reset earlier grid tiers
+}
+
 @mixin make-col-offset($size, $columns: $grid-columns) {
   $num: $size / $columns;
   margin-left: if($num == 0, 0, percentage($num));