mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-20 17:54:23 +01:00
Add equal column mixin (#32155)
This commit is contained in:
parent
317c2cd08e
commit
0c56749f13
@ -26,9 +26,14 @@
|
||||
margin-top: var(--#{$variable-prefix}gutter-y);
|
||||
}
|
||||
|
||||
@mixin make-col($size, $columns: $grid-columns) {
|
||||
flex: 0 0 auto;
|
||||
width: percentage($size / $columns);
|
||||
@mixin make-col($size: false, $columns: $grid-columns) {
|
||||
@if $size {
|
||||
flex: 0 0 auto;
|
||||
width: percentage($size / $columns);
|
||||
} @else {
|
||||
flex: 1 1 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin make-col-auto() {
|
||||
|
@ -434,6 +434,9 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
|
||||
|
||||
// Make the element grid-ready (applying everything but the width)
|
||||
@include make-col-ready();
|
||||
|
||||
// Without optional size values, the mixin will create equal columns (similar to using .col)
|
||||
@include make-col();
|
||||
@include make-col($size, $columns: $grid-columns);
|
||||
|
||||
// Get fancy by offsetting, or changing the sort order
|
||||
|
Loading…
x
Reference in New Issue
Block a user