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') { |
