2019-05-17 12:50:39 +00:00
|
|
|
$container-offset: (2 * $gap) !default
|
2020-09-27 22:50:12 +00:00
|
|
|
$container-max-width: $fullhd !default
|
2019-05-17 12:50:39 +00:00
|
|
|
|
2017-08-01 20:05:10 +00:00
|
|
|
.container
|
2019-05-17 11:51:52 +00:00
|
|
|
flex-grow: 1
|
2017-08-01 20:05:10 +00:00
|
|
|
margin: 0 auto
|
|
|
|
|
position: relative
|
2019-05-17 11:51:52 +00:00
|
|
|
width: auto
|
2019-09-19 14:04:09 +00:00
|
|
|
&.is-fluid
|
2020-09-27 22:50:12 +00:00
|
|
|
max-width: none !important
|
2019-09-19 14:18:04 +00:00
|
|
|
padding-left: $gap
|
|
|
|
|
padding-right: $gap
|
|
|
|
|
width: 100%
|
2018-04-08 19:11:48 +00:00
|
|
|
+desktop
|
2019-05-17 12:50:39 +00:00
|
|
|
max-width: $desktop - $container-offset
|
2018-04-08 19:11:48 +00:00
|
|
|
+until-widescreen
|
2020-09-27 22:50:12 +00:00
|
|
|
&.is-widescreen:not(.is-max-desktop)
|
|
|
|
|
max-width: min($widescreen, $container-max-width) - $container-offset
|
2018-04-08 19:11:48 +00:00
|
|
|
+until-fullhd
|
2020-09-27 22:50:12 +00:00
|
|
|
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
|
|
|
|
|
max-width: min($fullhd, $container-max-width) - $container-offset
|
2018-04-08 19:11:48 +00:00
|
|
|
+widescreen
|
2020-09-27 22:50:12 +00:00
|
|
|
&:not(.is-max-desktop)
|
|
|
|
|
max-width: min($widescreen, $container-max-width) - $container-offset
|
2018-04-08 19:11:48 +00:00
|
|
|
+fullhd
|
2020-09-27 22:50:12 +00:00
|
|
|
&:not(.is-max-desktop):not(.is-max-widescreen)
|
|
|
|
|
max-width: min($fullhd, $container-max-width) - $container-offset
|
