fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

checkboxes with checkmarks

Browse Source
This commit is contained in:
Felix Hamann 2019-02-04 21:06:00 +01:00
parent 36813d3717
commit df0cdc051e
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
templates/standalone/inputs.lucius
View File

@ -244,39 +244,39 @@ input[type="checkbox"]:checked::after {
label::after {
content: '';
position: absolute;
top: 11px;
left: 3px;
display: block;
width: 18px;
top: 12px;
left: 8px;
height: 2px;
width: 8px;
background-color: var(--color-font);
transition: all .2s;
transform: scale(0.5, 0.1);
opacity: 0.2;
}
:checked + label {
background-color: var(--color-primary);
text-decoration: underline;
}
:checked + label::before,
:checked + label::after {
opacity: 1;
}
:checked + label::before {
background-color: white;
transform: scale(1, 1) rotate(45deg);
transform: rotate(45deg);
left: 4px;
}
:checked + label::after {
background-color: white;
transform: scale(1, 1) rotate(-45deg);
transform: rotate(-45deg);
top: 11px;
width: 13px;
}
}
.radio label::before {
transform: scale(0.01, 0.01) rotate(45deg);
}
.radio label::after {
transform: scale(0.01, 0.01) rotate(-45deg);
}
.radio::before {
content: '';
position: absolute;