diff options
author | Volpeon <git@volpeon.ink> | 2022-03-08 22:00:33 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-08 22:00:33 +0100 |
commit | bdd534a2fea536f4143d29dd26138a4705c1f825 (patch) | |
tree | 3ff5dbc4f9de8e3c77918f444a1bc20550db764d /src/layouts/_flex.scss | |
parent | Dialog (diff) | |
download | iro-design-bdd534a2fea536f4143d29dd26138a4705c1f825.tar.gz iro-design-bdd534a2fea536f4143d29dd26138a4705c1f825.tar.bz2 iro-design-bdd534a2fea536f4143d29dd26138a4705c1f825.zip |
Improved dialog
Diffstat (limited to 'src/layouts/_flex.scss')
-rw-r--r-- | src/layouts/_flex.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss new file mode 100644 index 0000000..e8cdbaa --- /dev/null +++ b/src/layouts/_flex.scss | |||
@@ -0,0 +1,23 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | |||
3 | @include iro.props-namespace('flex') { | ||
4 | @include iro.bem-layout(iro.props-namespace()) { | ||
5 | display: flex; | ||
6 | |||
7 | @include iro.bem-modifier('align-stretch') { | ||
8 | align-items: stretch; | ||
9 | } | ||
10 | |||
11 | @include iro.bem-modifier('align-center') { | ||
12 | align-items: center; | ||
13 | } | ||
14 | |||
15 | @include iro.bem-modifier('align-start') { | ||
16 | align-items: flex-start; | ||
17 | } | ||
18 | |||
19 | @include iro.bem-modifier('align-end') { | ||
20 | align-items: flex-end; | ||
21 | } | ||
22 | } | ||
23 | } | ||