|
|
|
|
@ -302,10 +302,9 @@ select,
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Radio & Checkboxes */
|
|
|
|
|
input, label {
|
|
|
|
|
--color-checkbox-radio-disabled: nc-darken($color-main-background, 27%);
|
|
|
|
|
--color-checkbox-radio-border: nc-darken($color-main-background, 47%);
|
|
|
|
|
}
|
|
|
|
|
$color-checkbox-radio-disabled: nc-darken($color-main-background, 27%);
|
|
|
|
|
$color-checkbox-radio-border: nc-darken($color-main-background, 47%);
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
&[type='checkbox'],
|
|
|
|
|
&[type='radio'] {
|
|
|
|
|
@ -333,7 +332,7 @@ input {
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
margin: 3px;
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
border: 1px solid var(--color-checkbox-radio-border);
|
|
|
|
|
border: 1px solid $color-checkbox-radio-border;
|
|
|
|
|
}
|
|
|
|
|
&:not(:disabled):not(:checked) + label:hover:before,
|
|
|
|
|
&:focus + label:before {
|
|
|
|
|
@ -348,11 +347,11 @@ input {
|
|
|
|
|
border-color: var(--color-primary-element);
|
|
|
|
|
}
|
|
|
|
|
&:disabled + label:before {
|
|
|
|
|
border: 1px solid var(--color-checkbox-radio-border);
|
|
|
|
|
background-color: var(--color-checkbox-radio-disabled) !important; /* override other status */
|
|
|
|
|
border: 1px solid $color-checkbox-radio-border;
|
|
|
|
|
background-color: $color-checkbox-radio-disabled !important; /* override other status */
|
|
|
|
|
}
|
|
|
|
|
&:checked:disabled + label:before {
|
|
|
|
|
background-color: var(--color-checkbox-radio-disabled);
|
|
|
|
|
background-color: $color-checkbox-radio-disabled;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.checkbox {
|
|
|
|
|
|