Add make-col-auto mixin (#29367)
This commit is contained in:
parent
b483f80b9e
commit
104385c508
|
@ -41,9 +41,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.col#{$infix}-auto {
|
.col#{$infix}-auto {
|
||||||
flex: 0 0 auto;
|
@include make-col-auto();
|
||||||
width: auto;
|
|
||||||
max-width: 100%; // Reset earlier grid tiers
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@for $i from 1 through $columns {
|
@for $i from 1 through $columns {
|
||||||
|
|
|
@ -45,6 +45,12 @@
|
||||||
max-width: percentage($size / $columns);
|
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) {
|
@mixin make-col-offset($size, $columns: $grid-columns) {
|
||||||
$num: $size / $columns;
|
$num: $size / $columns;
|
||||||
margin-left: if($num == 0, 0, percentage($num));
|
margin-left: if($num == 0, 0, percentage($num));
|
||||||
|
|
Loading…
Reference in New Issue