summaryrefslogtreecommitdiffstats
path: root/src/objects/_field-label.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_field-label.scss')
-rw-r--r--src/objects/_field-label.scss8
1 files changed, 5 insertions, 3 deletions
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') {