src/layouts/_flex.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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;
        }
    }
}