diff options
author | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
commit | 5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch) | |
tree | 0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/layouts/_flex.scss | |
parent | Update (diff) | |
download | iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.gz iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.bz2 iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.zip |
Less broad imports
Diffstat (limited to 'src/layouts/_flex.scss')
-rw-r--r-- | src/layouts/_flex.scss | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss index 6cc9dc6..d7cae95 100644 --- a/src/layouts/_flex.scss +++ b/src/layouts/_flex.scss | |||
@@ -1,26 +1,26 @@ | |||
1 | @use 'iro-sass/src/iro-sass' as iro; | 1 | @use 'iro-sass/src/bem' as bem; |
2 | 2 | ||
3 | @mixin styles { | 3 | @mixin styles { |
4 | @include iro.bem-layout('flex') { | 4 | @include bem.layout('flex') { |
5 | display: flex; | 5 | display: flex; |
6 | 6 | ||
7 | @include iro.bem-modifier('align-stretch') { | 7 | @include bem.modifier('align-stretch') { |
8 | align-items: stretch; | 8 | align-items: stretch; |
9 | } | 9 | } |
10 | 10 | ||
11 | @include iro.bem-modifier('align-center') { | 11 | @include bem.modifier('align-center') { |
12 | align-items: center; | 12 | align-items: center; |
13 | } | 13 | } |
14 | 14 | ||
15 | @include iro.bem-modifier('align-start') { | 15 | @include bem.modifier('align-start') { |
16 | align-items: flex-start; | 16 | align-items: flex-start; |
17 | } | 17 | } |
18 | 18 | ||
19 | @include iro.bem-modifier('align-end') { | 19 | @include bem.modifier('align-end') { |
20 | align-items: flex-end; | 20 | align-items: flex-end; |
21 | } | 21 | } |
22 | 22 | ||
23 | @include iro.bem-modifier('column') { | 23 | @include bem.modifier('column') { |
24 | flex-direction: column; | 24 | flex-direction: column; |
25 | } | 25 | } |
26 | } | 26 | } |