| 1 | @import '../../css/variables';
|
| 2 | @import '../../css/mixins';
|
| 3 | @import 'css/variables';
|
| 4 |
|
| 5 | |
| 6 | |
| 7 |
|
| 8 | .container {
|
| 9 | margin-left: auto;
|
| 10 | margin-right: auto;
|
| 11 | box-sizing: border-box;
|
| 12 | width: var(----width--xs);
|
| 13 |
|
| 14 | @each $breakpoint-name, $breakpoint in $breakpoints {
|
| 15 | $_container-width: var(----width--#{$breakpoint-name});
|
| 16 |
|
| 17 | @include breakpoint-up($breakpoint-name) {
|
| 18 | max-width: $_container-width;
|
| 19 | padding-left: calc(#{gutter($breakpoint-name)} / 2);
|
| 20 | padding-right: calc(#{gutter($breakpoint-name)} / 2);
|
| 21 | }
|
| 22 | }
|
| 23 |
|
| 24 | &.-fluid {
|
| 25 | max-width: 100%;
|
| 26 | }
|
| 27 | }
|