summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/_utils.scss4
-rw-r--r--src/layouts/_form.scss6
-rw-r--r--src/objects/_dialog.scss1
-rw-r--r--src/objects/_field-label.scss8
4 files changed, 13 insertions, 6 deletions
diff --git a/src/_utils.scss b/src/_utils.scss
index 8ac1b01..ce0220a 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -63,7 +63,7 @@ $dirs: (
63 margin#{$suffix}: auto; 63 margin#{$suffix}: auto;
64 } 64 }
65 65
66 @each $size in (0 50 100) { 66 @each $size in (0 10 50 100 200) {
67 @include iro.bem-utility('m#{$dir}-#{$size}') { 67 @include iro.bem-utility('m#{$dir}-#{$size}') {
68 margin#{$suffix}: fn.global-dim(--size --#{$size}); 68 margin#{$suffix}: fn.global-dim(--size --#{$size});
69 } 69 }
@@ -75,7 +75,7 @@ $dirs: (
75 padding#{$suffix}: auto; 75 padding#{$suffix}: auto;
76 } 76 }
77 77
78 @each $size in (0 50 100) { 78 @each $size in (0 10 50 100 200) {
79 @include iro.bem-utility('p#{$dir}-#{$size}') { 79 @include iro.bem-utility('p#{$dir}-#{$size}') {
80 padding#{$suffix}: fn.global-dim(--size --#{$size}); 80 padding#{$suffix}: fn.global-dim(--size --#{$size});
81 } 81 }
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;
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index b0b435f..ad6e7db 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -76,6 +76,7 @@
76 grid-area: body; 76 grid-area: body;
77 min-height: 0; 77 min-height: 0;
78 margin-top: fn.dim(--title-body-spacing); 78 margin-top: fn.dim(--title-body-spacing);
79 overflow: auto;
79 } 80 }
80 81
81 @include iro.bem-elem('footer') { 82 @include iro.bem-elem('footer') {
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index e990568..4195e11 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -21,10 +21,11 @@
21 ), 'colors'); 21 ), 'colors');
22 22
23 @include iro.bem-object(iro.props-namespace()) { 23 @include iro.bem-object(iro.props-namespace()) {
24 display: inline-block; 24 display: block;
25 25
26 @include iro.bem-elem('label') { 26 @include iro.bem-elem('label') {
27 display: block; 27 display: block;
28 flex: 0 0 auto;
28 padding-right: fn.dim(--spacing-x); 29 padding-right: fn.dim(--spacing-x);
29 color: fn.color(--label); 30 color: fn.color(--label);
30 font-size: fn.dim(--label-font-size); 31 font-size: fn.dim(--label-font-size);
@@ -37,7 +38,8 @@
37 } 38 }
38 39
39 @include iro.bem-elem('content') { 40 @include iro.bem-elem('content') {
40 display: inline-block; 41 display: block;
42 width: 100%;
41 } 43 }
42 44
43 @include iro.bem-elem('hint') { 45 @include iro.bem-elem('hint') {
@@ -60,7 +62,7 @@
60 } 62 }
61 63
62 @include iro.bem-modifier('left', 'right') { 64 @include iro.bem-modifier('left', 'right') {
63 display: inline-flex; 65 display: flex;
64 align-items: baseline; 66 align-items: baseline;
65 67
66 @include iro.bem-elem('label') { 68 @include iro.bem-elem('label') {