diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/_form.scss | 6 |
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; |
