From 50f6acc739f24bfa2ca080d08e90d82f8fa83543 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Oct 2024 16:45:00 +0200 Subject: Revamped variable management --- src/layouts/_container.scss | 45 --------------------------------------------- 1 file changed, 45 deletions(-) delete mode 100644 src/layouts/_container.scss (limited to 'src/layouts/_container.scss') diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss deleted file mode 100644 index d13c4f3..0000000 --- a/src/layouts/_container.scss +++ /dev/null @@ -1,45 +0,0 @@ -@use 'iro-sass/src/index' as iro; -@use '../functions' as fn; - -@include iro.props-namespace('container') { - @include iro.props-store(( - --dims: ( - --narrow-125: iro.fn-px-to-rem(720px), - --narrow: iro.fn-px-to-rem(610px), - --narrow-75: iro.fn-px-to-rem(500px), - --pad-i: fn.global-dim(--size --400), - --pad-b: fn.global-dim(--size --800), - ) - )); - - @include iro.props-store(( - --dims: ( - --pad-i: fn.global-dim(--size --200), - --pad-b: fn.global-dim(--size --600), - ) - ), 'sm'); - - @include iro.props-store(( - --dims: ( - --pad-i: fn.global-dim(--size --150), - --pad-b: fn.global-dim(--size --450), - ) - ), 'xs'); - - @include iro.bem-layout(iro.props-namespace()) { - @each $size in 'narrow-125' 'narrow' 'narrow-75' { - @include iro.bem-modifier($size) { - max-inline-size: fn.dim(--#{$size}); - margin-inline: auto; - } - } - - @include iro.bem-modifier('pad-i') { - padding-inline: fn.dim(--pad-i); - } - - @include iro.bem-modifier('pad-b') { - padding-block: fn.dim(--pad-b); - } - } -} -- cgit v1.2.3-70-g09d2