_alert.scss
6 years ago
_background-variant.scss
6 years ago
_badge.scss
6 years ago
_border-radius.scss
6 years ago
_box-shadow.scss
6 years ago
_breakpoints.scss
6 years ago
_buttons.scss
6 years ago
_caret.scss
6 years ago
_clearfix.scss
6 years ago
_deprecate.scss
6 years ago
_float.scss
6 years ago
_forms.scss
6 years ago
_gradients.scss
6 years ago
_grid-framework.scss
6 years ago
_grid.scss
6 years ago
_hover.scss
6 years ago
_image.scss
6 years ago
_list-group.scss
6 years ago
_lists.scss
6 years ago
_nav-divider.scss
6 years ago
_pagination.scss
6 years ago
_reset-text.scss
6 years ago
_resize.scss
6 years ago
_screen-reader.scss
6 years ago
_size.scss
6 years ago
_table-row.scss
6 years ago
_text-emphasis.scss
6 years ago
_text-hide.scss
6 years ago
_text-truncate.scss
6 years ago
_transition.scss
6 years ago
_visibility.scss
6 years ago
_grid-framework.scss
67 lines
| 1 | // Framework grid generation |
| 2 | // |
| 3 | // Used only by Bootstrap to generate the correct number of grid classes given |
| 4 | // any value of `$grid-columns`. |
| 5 | |
| 6 | @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) { |
| 7 | // Common properties for all breakpoints |
| 8 | %grid-column { |
| 9 | position: relative; |
| 10 | width: 100%; |
| 11 | padding-right: $gutter / 2; |
| 12 | padding-left: $gutter / 2; |
| 13 | } |
| 14 | |
| 15 | @each $breakpoint in map-keys($breakpoints) { |
| 16 | $infix: breakpoint-infix($breakpoint, $breakpoints); |
| 17 | |
| 18 | // Allow columns to stretch full width below their breakpoints |
| 19 | @for $i from 1 through $columns { |
| 20 | .col#{$infix}-#{$i} { |
| 21 | @extend %grid-column; |
| 22 | } |
| 23 | } |
| 24 | .col#{$infix}, |
| 25 | .col#{$infix}-auto { |
| 26 | @extend %grid-column; |
| 27 | } |
| 28 | |
| 29 | @include media-breakpoint-up($breakpoint, $breakpoints) { |
| 30 | // Provide basic `.col-{bp}` classes for equal-width flexbox columns |
| 31 | .col#{$infix} { |
| 32 | flex-basis: 0; |
| 33 | flex-grow: 1; |
| 34 | max-width: 100%; |
| 35 | } |
| 36 | .col#{$infix}-auto { |
| 37 | flex: 0 0 auto; |
| 38 | width: auto; |
| 39 | max-width: 100%; // Reset earlier grid tiers |
| 40 | } |
| 41 | |
| 42 | @for $i from 1 through $columns { |
| 43 | .col#{$infix}-#{$i} { |
| 44 | @include make-col($i, $columns); |
| 45 | } |
| 46 | } |
| 47 | |
| 48 | .order#{$infix}-first { order: -1; } |
| 49 | |
| 50 | .order#{$infix}-last { order: $columns + 1; } |
| 51 | |
| 52 | @for $i from 0 through $columns { |
| 53 | .order#{$infix}-#{$i} { order: $i; } |
| 54 | } |
| 55 | |
| 56 | // `$columns - 1` because offsetting by the width of an entire row isn't possible |
| 57 | @for $i from 0 through ($columns - 1) { |
| 58 | @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0 |
| 59 | .offset#{$infix}-#{$i} { |
| 60 | @include make-col-offset($i, $columns); |
| 61 | } |
| 62 | } |
| 63 | } |
| 64 | } |
| 65 | } |
| 66 | } |
| 67 |