diff options
Diffstat (limited to 'src/layouts/_flex.scss')
| -rw-r--r-- | src/layouts/_flex.scss | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss index 902ecdb..c99b253 100644 --- a/src/layouts/_flex.scss +++ b/src/layouts/_flex.scss | |||
| @@ -1,19 +1,19 @@ | |||
| 1 | @use 'iro-sass/src/bem'; | 1 | @use 'iro-sass/src/bem'; |
| 2 | 2 | ||
| 3 | @mixin styles { | 3 | @mixin styles { |
| 4 | @include bem.layout('flex') { | 4 | @include bem.layout('flex') { |
| 5 | display: flex; | 5 | display: flex; |
| 6 | 6 | ||
| 7 | @include bem.modifier('column') { | 7 | @include bem.modifier('column') { |
| 8 | flex-direction: column; | 8 | flex-direction: column; |
| 9 | } | 9 | } |
| 10 | 10 | ||
| 11 | @include bem.modifier('wrap') { | 11 | @include bem.modifier('wrap') { |
| 12 | flex-wrap: wrap; | 12 | flex-wrap: wrap; |
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | @include bem.modifier('wrap-reverse') { | 15 | @include bem.modifier('wrap-reverse') { |
| 16 | flex-wrap: wrap-reverse; | 16 | flex-wrap: wrap-reverse; |
| 17 | } | 17 | } |
| 18 | } | 18 | } |
| 19 | } | 19 | } |