5,953
edits
No edit summary |
No edit summary |
||
Line 261: | Line 261: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
width: | width: 30px; | ||
height: | height: 17px; | ||
} | } | ||
Line 286: | Line 286: | ||
position: absolute; | position: absolute; | ||
content: ""; | content: ""; | ||
height: | height: 13px; | ||
width: | width: 13px; | ||
left: | left: 2px; | ||
bottom: | bottom: 2px; | ||
background-color: white; | background-color: white; | ||
-webkit-transition: .4s; | -webkit-transition: .4s; | ||
Line 296: | Line 296: | ||
input:checked + .slider { | input:checked + .slider { | ||
background-color: # | background-color: #4c4c4c; | ||
} | } | ||
input:focus + .slider { | input:focus + .slider { | ||
box-shadow: 0 0 1px # | box-shadow: 0 0 1px #4c4c4c; | ||
} | } | ||
input:checked + .slider:before { | input:checked + .slider:before { | ||
-webkit-transform: translateX( | -webkit-transform: translateX(13px); | ||
-ms-transform: translateX( | -ms-transform: translateX(13px); | ||
transform: translateX( | transform: translateX(13px); | ||
} | } | ||
/* Rounded sliders */ | /* Rounded sliders */ | ||
.slider.round { | .slider.round { | ||
border-radius: | border-radius: 17px; | ||
} | } | ||