diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/_flex.scss | 20 |
1 files changed, 6 insertions, 14 deletions
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss index 0e39167..902ecdb 100644 --- a/src/layouts/_flex.scss +++ b/src/layouts/_flex.scss | |||
| @@ -4,24 +4,16 @@ | |||
| 4 | @include bem.layout('flex') { | 4 | @include bem.layout('flex') { |
| 5 | display: flex; | 5 | display: flex; |
| 6 | 6 | ||
| 7 | @include bem.modifier('align-stretch') { | 7 | @include bem.modifier('column') { |
| 8 | align-items: stretch; | 8 | flex-direction: column; |
| 9 | } | ||
| 10 | |||
| 11 | @include bem.modifier('align-center') { | ||
| 12 | align-items: center; | ||
| 13 | } | ||
| 14 | |||
| 15 | @include bem.modifier('align-start') { | ||
| 16 | align-items: flex-start; | ||
| 17 | } | 9 | } |
| 18 | 10 | ||
| 19 | @include bem.modifier('align-end') { | 11 | @include bem.modifier('wrap') { |
| 20 | align-items: flex-end; | 12 | flex-wrap: wrap; |
| 21 | } | 13 | } |
| 22 | 14 | ||
| 23 | @include bem.modifier('column') { | 15 | @include bem.modifier('wrap-reverse') { |
| 24 | flex-direction: column; | 16 | flex-wrap: wrap-reverse; |
| 25 | } | 17 | } |
| 26 | } | 18 | } |
| 27 | } | 19 | } |
