checkbox and radio replacement: add disabled state

usage:
 - is-disabled class on label
 - disabled attribute on the input
This commit is contained in:
Felix Niklas 2016-05-03 12:31:06 +02:00
parent d4d73ed598
commit 227c3e8d80

View file

@ -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,