summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-07 10:56:33 +0100
committerVolpeon <git@volpeon.ink>2024-11-07 10:56:33 +0100
commit51c653487acf6313b1454a2704b09f98d4fe0ca2 (patch)
treece04579ee3434d0cda9fd5a8c12f0ef6491e7bd4
parentFix status indicator (diff)
downloadiro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.tar.gz
iro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.tar.bz2
iro-design-51c653487acf6313b1454a2704b09f98d4fe0ca2.zip
Flex layout extensions
-rw-r--r--src/layouts/_flex.scss20
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}