add styles for disabled checkboxes

closes #254
This commit is contained in:
Felix Hamann 2019-02-04 21:37:18 +01:00
parent df0cdc051e
commit 19f9bc13e3
2 changed files with 14 additions and 5 deletions

View File

@ -6,7 +6,7 @@
.checkbox {
display: inline-block;
margin-left: 5px;
margin-left: 7px;
}
}

View File

@ -234,7 +234,8 @@ input[type="checkbox"]:checked::after {
height: 24px;
width: 24px;
background-color: #f3f3f3;
box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05);
box-shadow: inset 0 1px 2px 1px rgba(50, 50, 50, 0.05);
border: 2px solid var(--color-primary);
border-radius: 4px;
color: white;
cursor: pointer;
@ -242,7 +243,6 @@ input[type="checkbox"]:checked::after {
label::before,
label::after {
content: '';
position: absolute;
display: block;
top: 12px;
@ -251,7 +251,6 @@ input[type="checkbox"]:checked::after {
width: 8px;
background-color: var(--color-font);
transition: all .2s;
opacity: 0.2;
}
:checked + label {
@ -260,7 +259,7 @@ input[type="checkbox"]:checked::after {
:checked + label::before,
:checked + label::after {
opacity: 1;
content: '';
}
:checked + label::before {
@ -275,6 +274,16 @@ input[type="checkbox"]:checked::after {
top: 11px;
width: 13px;
}
[disabled] + label {
pointer-events: none;
border: none;
}
[disabled] + label::before,
[disabled] + label::after {
content: none !important;
}
}
.radio::before {