|
@@ -30,12 +30,12 @@
|
|
border-radius: 24px;
|
|
border-radius: 24px;
|
|
content: "";
|
|
content: "";
|
|
display: block;
|
|
display: block;
|
|
- height: 12px;
|
|
|
|
- left: 2px;
|
|
|
|
|
|
+ height: 15px;
|
|
|
|
+ left: 1px;
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: 2px;
|
|
|
|
|
|
+ top: 1px;
|
|
transition: .1s ease-in-out;
|
|
transition: .1s ease-in-out;
|
|
- width: 12px;
|
|
|
|
|
|
+ width: 15px;
|
|
}
|
|
}
|
|
|
|
|
|
.checkbox-ios input[type=checkbox]:checked + label {
|
|
.checkbox-ios input[type=checkbox]:checked + label {
|
|
@@ -49,7 +49,7 @@
|
|
|
|
|
|
.checkbox-ios input[type=checkbox]:checked + label:before {
|
|
.checkbox-ios input[type=checkbox]:checked + label:before {
|
|
background: #212529;
|
|
background: #212529;
|
|
- left: 17px;
|
|
|
|
|
|
+ left: 16px;
|
|
}
|
|
}
|
|
|
|
|
|
.checkbox-ios input[type=checkbox] + label:after {
|
|
.checkbox-ios input[type=checkbox] + label:after {
|
|
@@ -59,10 +59,10 @@
|
|
content: "";
|
|
content: "";
|
|
display: block;
|
|
display: block;
|
|
height: 5px;
|
|
height: 5px;
|
|
- left: 6px;
|
|
|
|
|
|
+ left: 7px;
|
|
opacity: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: 7px;
|
|
|
|
|
|
+ top: 8px;
|
|
transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
|
|
transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
|
|
transition: .1s ease-in-out;
|
|
transition: .1s ease-in-out;
|
|
width: 7px;
|
|
width: 7px;
|