From 569b0f1c68ade8ea8761690ae792484da250b30c Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 29 Oct 2023 16:40:23 +0100 Subject: Update --- src/layouts/_form.scss | 5 +++++ src/objects/_dialog.scss | 20 ++++++++++++++------ 2 files changed, 19 insertions(+), 6 deletions(-) (limited to 'src') diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index d0fee94..901f613 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss @@ -27,6 +27,11 @@ } } + @include iro.bem-modifier('row') { + flex-direction: row; + align-items: flex-end; + } + @include iro.bem-modifier('labels-left', 'labels-right') { display: grid; grid-template-columns: auto 1fr; diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index c923901..9333ce6 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss @@ -105,19 +105,27 @@ grid-area: top; min-width: 0; padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); - } - @include iro.bem-elem('body') { - grid-area: body; - min-width: 0; - min-height: 0; - padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); + @include iro.bem-sibling-elem('body') { + padding-top: 0; + } } @include iro.bem-elem('bottom') { grid-area: bottom; min-width: 0; padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); + + @include iro.bem-sibling-elem('body') { + padding-bottom: 0; + } + } + + @include iro.bem-elem('body') { + grid-area: body; + min-width: 0; + min-height: 0; + padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); } @include iro.bem-elem('footer') { -- cgit v1.2.3-54-g00ecf