diff options
author | Volpeon <git@volpeon.ink> | 2024-11-07 10:56:33 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-11-07 10:56:33 +0100 |
commit | 51c653487acf6313b1454a2704b09f98d4fe0ca2 (patch) | |
tree | ce04579ee3434d0cda9fd5a8c12f0ef6491e7bd4 /src/layouts/_flex.scss | |
parent | Fix status indicator (diff) | |
download | iro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.tar.gz iro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.tar.bz2 iro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.zip |
Flex layout extensions
Diffstat (limited to 'src/layouts/_flex.scss')
-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 | } |