2017-08-01 20:05:10 +00:00
|
|
|
.container
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
position: relative
|
2017-09-05 13:09:31 +00:00
|
|
|
+from($desktop)
|
2017-08-01 20:05:10 +00:00
|
|
|
max-width: $desktop - (2 * $gap)
|
|
|
|
|
width: $desktop - (2 * $gap)
|
|
|
|
|
&.is-fluid
|
|
|
|
|
margin-left: $gap
|
|
|
|
|
margin-right: $gap
|
|
|
|
|
max-width: none
|
|
|
|
|
width: auto
|
2017-09-05 13:09:31 +00:00
|
|
|
+until($widescreen)
|
2017-08-01 20:05:10 +00:00
|
|
|
&.is-widescreen
|
|
|
|
|
max-width: $widescreen - (2 * $gap)
|
|
|
|
|
width: auto
|
2017-09-05 13:09:31 +00:00
|
|
|
+until($fullhd)
|
2017-08-01 20:05:10 +00:00
|
|
|
&.is-fullhd
|
|
|
|
|
max-width: $fullhd - (2 * $gap)
|
|
|
|
|
width: auto
|
2017-09-05 13:09:31 +00:00
|
|
|
+from($widescreen)
|
2017-08-01 20:05:10 +00:00
|
|
|
max-width: $widescreen - (2 * $gap)
|
|
|
|
|
width: $widescreen - (2 * $gap)
|
2017-09-05 13:09:31 +00:00
|
|
|
+from($fullhd)
|
2017-08-01 20:05:10 +00:00
|
|
|
max-width: $fullhd - (2 * $gap)
|
|
|
|
|
width: $fullhd - (2 * $gap)
|
