Browse Source
Improve design of description below label of checkbox or radio button
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
pull/13796/head
Jan-Christoph Borchardt
8 years ago
committed by
Julius Härtl
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with
9 additions and
0 deletions
-
core/css/inputs.scss
|
|
|
@ -354,6 +354,15 @@ input { |
|
|
|
&:checked:disabled + label:before { |
|
|
|
background-color: $color-checkbox-radio-disabled; |
|
|
|
} |
|
|
|
|
|
|
|
// Detail description below label of checkbox or radio button |
|
|
|
& + label ~ em { |
|
|
|
display: inline-block; |
|
|
|
margin-left: 18px; |
|
|
|
} |
|
|
|
& + label ~ em:last-of-type { |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
&.checkbox { |
|
|
|
+ label:before { |
|
|
|
|
