From 365c56edcc36b5b92902bac01ce44b43d01e8685 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 18 Oct 2024 18:08:24 +0200 Subject: Refactoring --- src/layouts/_flex.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 src/layouts/_flex.scss (limited to 'src/layouts/_flex.scss') diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss new file mode 100644 index 0000000..6cc9dc6 --- /dev/null +++ b/src/layouts/_flex.scss @@ -0,0 +1,27 @@ +@use 'iro-sass/src/iro-sass' as iro; + +@mixin styles { + @include iro.bem-layout('flex') { + display: flex; + + @include iro.bem-modifier('align-stretch') { + align-items: stretch; + } + + @include iro.bem-modifier('align-center') { + align-items: center; + } + + @include iro.bem-modifier('align-start') { + align-items: flex-start; + } + + @include iro.bem-modifier('align-end') { + align-items: flex-end; + } + + @include iro.bem-modifier('column') { + flex-direction: column; + } + } +} -- cgit v1.3.1