1 // Framework grid generation
3 // Used only by Bootstrap to generate the correct number of grid classes given
4 // any value of `$grid-columns`.
6 @mixin make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths, $breakpoints: $grid-breakpoints) {
7 // Common properties for all breakpoints
11 min-height: 1px; // Prevent columns from collapsing when empty
13 @include make-gutters($gutters);
16 @each $breakpoint in map-keys($breakpoints) {
17 $infix: breakpoint-infix($breakpoint, $breakpoints);
19 // Allow columns to stretch full width below their breakpoints
20 @for $i from 1 through $columns {
29 @include media-breakpoint-up($breakpoint, $breakpoints) {
30 // Provide basic `.col-{bp}` classes for equal-width flexbox columns
41 @for $i from 1 through $columns {
43 @include make-col($i, $columns);
47 @each $modifier in (pull, push) {
48 @for $i from 0 through $columns {
49 .#{$modifier}#{$infix}-#{$i} {
50 @include make-col-modifier($modifier, $i, $columns)
55 // `$columns - 1` because offsetting by the width of an entire row isn't possible
56 @for $i from 0 through ($columns - 1) {
57 @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-xs-0
58 .offset#{$infix}-#{$i} {
59 @include make-col-modifier(offset, $i, $columns)