| 1234567891011121314151617181920212223242526272829 |
- @import "../utilities/mixins"
- $container-offset: (2 * $gap) !default
- $container-max-width: $fullhd !default
- .container
- flex-grow: 1
- margin: 0 auto
- position: relative
- width: auto
- &.is-fluid
- max-width: none !important
- padding-left: $gap
- padding-right: $gap
- width: 100%
- +desktop
- max-width: $desktop - $container-offset
- +until-widescreen
- &.is-widescreen:not(.is-max-desktop)
- max-width: min($widescreen, $container-max-width) - $container-offset
- +until-fullhd
- &.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
- max-width: min($fullhd, $container-max-width) - $container-offset
- +widescreen
- &:not(.is-max-desktop)
- max-width: min($widescreen, $container-max-width) - $container-offset
- +fullhd
- &:not(.is-max-desktop):not(.is-max-widescreen)
- max-width: min($fullhd, $container-max-width) - $container-offset
|
