Add make-col-auto mixin (#29367)

diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index 80fc7cc4b3ee4e9b9ddbc5099c65c9f39c4927b0..8e291f7ae0dc75e3bb9580f4c952ca0476843f7a 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 339fd9c083d9bd7f830449c6f0314bedc4c44986..b1240b01f15ff7e80328b4a5a23885cece1f6a63 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));