summaryrefslogtreecommitdiff
path: root/public/css/_sass/elements/container.sass
diff options
context:
space:
mode:
Diffstat (limited to 'public/css/_sass/elements/container.sass')
-rw-r--r--public/css/_sass/elements/container.sass29
1 files changed, 14 insertions, 15 deletions
diff --git a/public/css/_sass/elements/container.sass b/public/css/_sass/elements/container.sass
index 2aaf591..d88eb94 100644
--- a/public/css/_sass/elements/container.sass
+++ b/public/css/_sass/elements/container.sass
@@ -1,25 +1,24 @@
+$container-offset: (2 * $gap) !default
+
.container
+ flex-grow: 1
margin: 0 auto
position: relative
+ width: auto
+ &.is-fluid
+ max-width: none
+ padding-left: $gap
+ padding-right: $gap
+ width: 100%
+desktop
- max-width: $desktop - (2 * $gap)
- width: $desktop - (2 * $gap)
- &.is-fluid
- margin-left: $gap
- margin-right: $gap
- max-width: none
- width: auto
+ max-width: $desktop - $container-offset
+until-widescreen
&.is-widescreen
- max-width: $widescreen - (2 * $gap)
- width: auto
+ max-width: $widescreen - $container-offset
+until-fullhd
&.is-fullhd
- max-width: $fullhd - (2 * $gap)
- width: auto
+ max-width: $fullhd - $container-offset
+widescreen
- max-width: $widescreen - (2 * $gap)
- width: $widescreen - (2 * $gap)
+ max-width: $widescreen - $container-offset
+fullhd
- max-width: $fullhd - (2 * $gap)
- width: $fullhd - (2 * $gap)
+ max-width: $fullhd - $container-offset