src/layouts/_flex.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@use 'iro-sass/src/bem';

@mixin styles {
	@include bem.layout('flex') {
		display: flex;

		@include bem.modifier('column') {
			flex-direction: column;
		}

		@include bem.modifier('wrap') {
			flex-wrap: wrap;
		}

		@include bem.modifier('wrap-reverse') {
			flex-wrap: wrap-reverse;
		}
	}
}