2019-07-02 16:05:15 +02:00
|
|
|
$container-offset: (2 * $gap) !default
|
|
|
|
|
|
2019-06-04 14:29:48 +02:00
|
|
|
.container
|
2019-07-02 16:05:15 +02:00
|
|
|
flex-grow: 1
|
2019-06-04 14:29:48 +02:00
|
|
|
margin: 0 auto
|
|
|
|
|
position: relative
|
2019-07-02 16:05:15 +02:00
|
|
|
width: auto
|
2019-06-04 14:29:48 +02:00
|
|
|
+desktop
|
2019-07-02 16:05:15 +02:00
|
|
|
max-width: $desktop - $container-offset
|
2019-06-04 14:29:48 +02:00
|
|
|
&.is-fluid
|
|
|
|
|
margin-left: $gap
|
|
|
|
|
margin-right: $gap
|
|
|
|
|
max-width: none
|
|
|
|
|
+until-widescreen
|
|
|
|
|
&.is-widescreen
|
2019-07-02 16:05:15 +02:00
|
|
|
max-width: $widescreen - $container-offset
|
2019-06-04 14:29:48 +02:00
|
|
|
+until-fullhd
|
|
|
|
|
&.is-fullhd
|
2019-07-02 16:05:15 +02:00
|
|
|
max-width: $fullhd - $container-offset
|
2019-06-04 14:29:48 +02:00
|
|
|
+widescreen
|
2019-07-02 16:05:15 +02:00
|
|
|
max-width: $widescreen - $container-offset
|
2019-06-04 14:29:48 +02:00
|
|
|
+fullhd
|
2019-07-02 16:05:15 +02:00
|
|
|
max-width: $fullhd - $container-offset
|
