1 |
|
2 |
|
3 |
|
4 |
|
5 | @if $enable-grid-classes {
|
6 |
|
7 | .container {
|
8 | @include make-container();
|
9 | @include make-container-max-widths();
|
10 | }
|
11 |
|
12 |
|
13 | .container-fluid {
|
14 | @include make-container();
|
15 | }
|
16 |
|
17 |
|
18 | @each $breakpoint, $container-max-width in $container-max-widths {
|
19 | .container-#{$breakpoint} {
|
20 | @extend .container-fluid;
|
21 | }
|
22 |
|
23 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
|
24 | %responsive-container-#{$breakpoint} {
|
25 | max-width: $container-max-width;
|
26 | }
|
27 |
|
28 |
|
29 | $extend-breakpoint: true;
|
30 |
|
31 | @each $name, $width in $grid-breakpoints {
|
32 | @if ($extend-breakpoint) {
|
33 | .container#{breakpoint-infix($name, $grid-breakpoints)} {
|
34 | @extend %responsive-container-#{$breakpoint};
|
35 | }
|
36 |
|
37 |
|
38 | @if ($breakpoint == $name) {
|
39 | $extend-breakpoint: false;
|
40 | }
|
41 | }
|
42 | }
|
43 | }
|
44 | }
|
45 | }
|
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 |
|
52 | @if $enable-grid-classes {
|
53 | .row {
|
54 | @include make-row();
|
55 | }
|
56 |
|
57 |
|
58 |
|
59 | .no-gutters {
|
60 | margin-right: 0;
|
61 | margin-left: 0;
|
62 |
|
63 | > .col,
|
64 | > [class*="col-"] {
|
65 | padding-right: 0;
|
66 | padding-left: 0;
|
67 | }
|
68 | }
|
69 | }
|
70 |
|
71 |
|
72 |
|
73 |
|
74 |
|
75 | @if $enable-grid-classes {
|
76 | @include make-grid-columns();
|
77 | }
|