diff options
Diffstat (limited to 'assets/sass/elements/container.sass')
| -rw-r--r-- | assets/sass/elements/container.sass | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/assets/sass/elements/container.sass b/assets/sass/elements/container.sass new file mode 100644 index 0000000..e7c00f3 --- /dev/null +++ b/assets/sass/elements/container.sass @@ -0,0 +1,27 @@ +$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 |