1 |
|
2 |
|
3 |
|
4 |
|
5 | @if $enable-grid-classes {
|
6 |
|
7 | .container,
|
8 |
|
9 | .container-fluid {
|
10 | @include make-container();
|
11 | }
|
12 |
|
13 |
|
14 | @each $breakpoint, $container-max-width in $container-max-widths {
|
15 | .container-#{$breakpoint} {
|
16 | @extend .container-fluid;
|
17 | }
|
18 |
|
19 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
|
20 | %responsive-container-#{$breakpoint} {
|
21 | max-width: $container-max-width;
|
22 | }
|
23 |
|
24 |
|
25 | $extend-breakpoint: true;
|
26 |
|
27 | @each $name, $width in $grid-breakpoints {
|
28 | @if ($extend-breakpoint) {
|
29 | .container#{breakpoint-infix($name, $grid-breakpoints)} {
|
30 | @extend %responsive-container-#{$breakpoint};
|
31 | }
|
32 |
|
33 |
|
34 | @if ($breakpoint == $name) {
|
35 | $extend-breakpoint: false;
|
36 | }
|
37 | }
|
38 | }
|
39 | }
|
40 | }
|
41 | }
|