From 83ae14bbb8dd532f04c4214f762fca57199f4622 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 15 Jun 2022 07:15:57 +0200 Subject: Narrower container --- src/layouts/_container.scss | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) (limited to 'src/layouts') diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 52acfb8..d31a631 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss @@ -4,10 +4,11 @@ @include iro.props-namespace('container') { @include iro.props-store(( --dims: ( - --width: iro.fn-px-to-rem(620px), - --width-50: iro.fn-px-to-rem(320px), - --pad-x: fn.global-dim(--size --400), - --pad-y: fn.global-dim(--size --800), + --narrow-125: iro.fn-px-to-rem(800px), + --narrow: iro.fn-px-to-rem(600px), + --narrow-75: iro.fn-px-to-rem(400px), + --pad-x: fn.global-dim(--size --400), + --pad-y: fn.global-dim(--size --800), ) ), 'dims'); @@ -19,16 +20,12 @@ ), 'sm'); @include iro.bem-layout(iro.props-namespace()) { - @include iro.bem-modifier('narrow') { - max-width: fn.dim(--width); - margin-right: auto; - margin-left: auto; - } - - @include iro.bem-modifier('narrow-50') { - max-width: fn.dim(--width-50); - margin-right: auto; - margin-left: auto; + @each $size in 'narrow-125' 'narrow' 'narrow-75' { + @include iro.bem-modifier($size) { + max-width: fn.dim(--#{$size}); + margin-right: auto; + margin-left: auto; + } } @include iro.bem-modifier('pad-x') { -- cgit v1.2.3-70-g09d2