diff options
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 | } |