diff options
| author | Volpeon <git@volpeon.ink> | 2023-10-29 16:40:23 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-10-29 16:40:23 +0100 |
| commit | 569b0f1c68ade8ea8761690ae792484da250b30c (patch) | |
| tree | 848658b7ee52b71ebdccaea1371b25c59b9f597c /src | |
| parent | Update (diff) | |
| download | iro-design-569b0f1c68ade8ea8761690ae792484da250b30c.tar.gz iro-design-569b0f1c68ade8ea8761690ae792484da250b30c.tar.bz2 iro-design-569b0f1c68ade8ea8761690ae792484da250b30c.zip | |
Update
Diffstat (limited to 'src')
| -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') { |
