css: improve checkbox visibility (#28447)

This commit is contained in:
Serghei Mihai 2019-05-20 11:07:44 +02:00
parent 14c89636f9
commit 1e7c2175c7
1 changed files with 32 additions and 0 deletions

View File

@ -1050,3 +1050,35 @@ div#nav {
background: #fbd3d3;
}
}
input[type="checkbox"] {
position: absolute;
left: -99999px;
+ label {
position: relative;
padding-left: 20px;
&::before {
position: absolute;
left: 0;
top: 3px;
content: '';
display: block;
border: 1px solid #777777;
background: #ffffff;
width: 13px;
height: 13px;
}
}
&:checked {
+ label::after {
content: '';
position: absolute;
top: 5px;
left: 2px;
background-color: #000000;
transition: all .2s;
width: 11px;
height: 11px;
}
}
}