From 104385c508a4c77761b04a9842e978bab6f359f6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Oct 2019 23:46:34 -0700 Subject: [PATCH] Add make-col-auto mixin (#29367) --- scss/mixins/_grid-framework.scss | 4 +--- scss/mixins/_grid.scss | 6 ++++++ 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss index 567c04a73e..1ab9b5a5a7 100644 --- 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 5918df1af3..938b210955 100644 --- 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));