2019-05-18 14:52:00 +00:00
|
|
|
%checkbox-radio
|
2020-08-23 16:46:09 +00:00
|
|
|
--checkbox-radio-hover-color: #{$input-hover-color}
|
|
|
|
|
--checkbox-radio-disabled-color: #{$input-disabled-color}
|
2019-05-18 14:52:00 +00:00
|
|
|
cursor: pointer
|
|
|
|
|
display: inline-block
|
|
|
|
|
line-height: 1.25
|
|
|
|
|
position: relative
|
|
|
|
|
input
|
|
|
|
|
cursor: pointer
|
|
|
|
|
&:hover
|
2020-08-23 16:46:09 +00:00
|
|
|
color: var(--checkbox-radio-hover-color)
|
2019-05-18 14:52:00 +00:00
|
|
|
&[disabled],
|
2020-08-24 15:08:43 +00:00
|
|
|
fieldset[disabled] &,
|
|
|
|
|
input[disabled]
|
2020-08-23 16:46:09 +00:00
|
|
|
color: var(--checkbox-radio-disabled-color)
|
2019-05-18 14:52:00 +00:00
|
|
|
cursor: not-allowed
|
|
|
|
|
|
|
|
|
|
.checkbox
|
|
|
|
|
@extend %checkbox-radio
|
|
|
|
|
|
|
|
|
|
.radio
|
|
|
|
|
@extend %checkbox-radio
|
|
|
|
|
& + .radio
|
2020-05-17 18:38:47 +00:00
|
|
|
+ltr-property("margin", 0.5em, false)
|
