diff options
-rw-r--r-- | src/layouts/_form.scss | 5 | ||||
-rw-r--r-- | src/objects/_dialog.scss | 20 |
2 files changed, 19 insertions, 6 deletions
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 @@ | |||
27 | } | 27 | } |
28 | } | 28 | } |
29 | 29 | ||
30 | @include iro.bem-modifier('row') { | ||
31 | flex-direction: row; | ||
32 | align-items: flex-end; | ||
33 | } | ||
34 | |||
30 | @include iro.bem-modifier('labels-left', 'labels-right') { | 35 | @include iro.bem-modifier('labels-left', 'labels-right') { |
31 | display: grid; | 36 | display: grid; |
32 | grid-template-columns: auto 1fr; | 37 | 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 @@ | |||
105 | grid-area: top; | 105 | grid-area: top; |
106 | min-width: 0; | 106 | min-width: 0; |
107 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); | 107 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); |
108 | } | ||
109 | 108 | ||
110 | @include iro.bem-elem('body') { | 109 | @include iro.bem-sibling-elem('body') { |
111 | grid-area: body; | 110 | padding-top: 0; |
112 | min-width: 0; | 111 | } |
113 | min-height: 0; | ||
114 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); | ||
115 | } | 112 | } |
116 | 113 | ||
117 | @include iro.bem-elem('bottom') { | 114 | @include iro.bem-elem('bottom') { |
118 | grid-area: bottom; | 115 | grid-area: bottom; |
119 | min-width: 0; | 116 | min-width: 0; |
120 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); | 117 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); |
118 | |||
119 | @include iro.bem-sibling-elem('body') { | ||
120 | padding-bottom: 0; | ||
121 | } | ||
122 | } | ||
123 | |||
124 | @include iro.bem-elem('body') { | ||
125 | grid-area: body; | ||
126 | min-width: 0; | ||
127 | min-height: 0; | ||
128 | padding: fn.dim(--body --pad-y) fn.dim(--body --pad-x); | ||
121 | } | 129 | } |
122 | 130 | ||
123 | @include iro.bem-elem('footer') { | 131 | @include iro.bem-elem('footer') { |