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