summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_form.scss6
1 files changed, 5 insertions, 1 deletions
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 8228c44..15dca2e 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -15,13 +15,17 @@
15 @include iro.bem-layout(iro.props-namespace()) { 15 @include iro.bem-layout(iro.props-namespace()) {
16 display: flex; 16 display: flex;
17 flex-direction: column; 17 flex-direction: column;
18 align-items: baseline;
19 gap: fn.dim(--item-spacing-y) fn.dim(--label-spacing-x); 18 gap: fn.dim(--item-spacing-y) fn.dim(--label-spacing-x);
20 19
20 @include iro.bem-elem('item') {
21 display: block;
22 }
23
21 @include iro.bem-modifier('labels-left', 'labels-right') { 24 @include iro.bem-modifier('labels-left', 'labels-right') {
22 display: grid; 25 display: grid;
23 grid-template-columns: auto 1fr; 26 grid-template-columns: auto 1fr;
24 grid-template-rows: auto; 27 grid-template-rows: auto;
28 align-items: baseline;
25 29
26 @include iro.bem-elem('item') { 30 @include iro.bem-elem('item') {
27 display: contents; 31 display: contents;