checkbox and radio replacement: add disabled state
usage: - is-disabled class on label - disabled attribute on the input
This commit is contained in:
parent
d4d73ed598
commit
227c3e8d80
1 changed files with 13 additions and 1 deletions
|
@ -1041,7 +1041,19 @@ th.align-right {
|
|||
|
||||
.checkbox-replacement .icon-unchecked,
|
||||
.radio-replacement .icon-unchecked {
|
||||
color: #9C9C9B;
|
||||
color: hsl(60,1%,61%);
|
||||
}
|
||||
|
||||
.checkbox-replacement.is-disabled,
|
||||
.radio-replacement.is-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.checkbox-replacement input:disabled ~.icon,
|
||||
.radio-replacement input:disabled ~.icon {
|
||||
opacity: 0.33;
|
||||
fill: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.checkbox-replacement input:not(:checked) ~ .icon-checked,
|
||||
|
|
Loading…
Reference in a new issue