From 365c56edcc36b5b92902bac01ce44b43d01e8685 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 18 Oct 2024 18:08:24 +0200 Subject: Refactoring --- src/layouts/_container.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 src/layouts/_container.scss (limited to 'src/layouts/_container.scss') diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss new file mode 100644 index 0000000..34c4bf0 --- /dev/null +++ b/src/layouts/_container.scss @@ -0,0 +1,27 @@ +@use 'sass:meta'; +@use 'iro-sass/src/iro-sass' as iro; +@use '../props'; + +@forward 'container.vars'; +@use 'container.vars' as vars; + +@mixin styles { + @include props.materialize(meta.module-variables('vars')); + + @include iro.bem-layout('container') { + @each $mod, $size in vars.$fixed-sizes { + @include iro.bem-modifier($mod) { + max-inline-size: props.get($size); + margin-inline: auto; + } + } + + @include iro.bem-modifier('pad-i') { + padding-inline: props.get(vars.$pad-i); + } + + @include iro.bem-modifier('pad-b') { + padding-block: props.get(vars.$pad-b); + } + } +} -- cgit v1.2.3-70-g09d2