summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-10-29 16:40:23 +0100
committerVolpeon <git@volpeon.ink>2023-10-29 16:40:23 +0100
commit569b0f1c68ade8ea8761690ae792484da250b30c (patch)
tree848658b7ee52b71ebdccaea1371b25c59b9f597c
parentUpdate (diff)
downloadiro-design-569b0f1c68ade8ea8761690ae792484da250b30c.tar.gz
iro-design-569b0f1c68ade8ea8761690ae792484da250b30c.tar.bz2
iro-design-569b0f1c68ade8ea8761690ae792484da250b30c.zip
Update
-rw-r--r--src/layouts/_form.scss5
-rw-r--r--src/objects/_dialog.scss20
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') {