| 1 | @import "mixins/objects.containers";
|
| 2 |
|
| 3 | .o-container {
|
| 4 | @include screen--xsmall-and-up {
|
| 5 | @include containers__responsive(xsmall);
|
| 6 | }
|
| 7 | @include screen--small-and-up {
|
| 8 | @include containers__responsive(small);
|
| 9 | }
|
| 10 | @include screen--medium-and-up {
|
| 11 | @include containers__responsive(medium);
|
| 12 | }
|
| 13 | @include screen--large-and-up {
|
| 14 | @include containers__responsive(large);
|
| 15 | }
|
| 16 | @include screen--xlarge-and-up {
|
| 17 | @include containers__responsive(xlarge);
|
| 18 | }
|
| 19 | @include screen--super-and-up {
|
| 20 | @include containers__responsive(super);
|
| 21 | }
|
| 22 |
|
| 23 |
|
| 24 |
|
| 25 | margin: auto;
|
| 26 | @each $size, $width in $screen-limits {
|
| 27 | &--#{$size} {
|
| 28 | max-width: $width;
|
| 29 | }
|
| 30 | }
|
| 31 | }
|