diff options
Diffstat (limited to 'src/objects/_field-label.scss')
-rw-r--r-- | src/objects/_field-label.scss | 8 |
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') { |