Sha256: 5f03568dc34ae44becccee0a8f833015cb38d8e4162c86ce51bda32e5619b2b8
Contents?: true
Size: 963 Bytes
Versions: 3
Compression:
Stored size: 963 Bytes
Contents
.switch > input[type="checkbox"] {
display: none;
}
.switch > label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.switch > input[type="checkbox"]:checked + label::after {
background: $keppler-color;
left: 20px;
}
Version data entries
3 entries across 3 versions & 1 rubygems