17 lines
441 B
CSS
17 lines
441 B
CSS
|
/* Switch element */
|
||
|
|
.form-switch {
|
||
|
|
@apply relative select-none w-12 my-2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-switch label {
|
||
|
|
@apply block overflow-hidden cursor-pointer rounded-full h-4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-switch label>span:first-child {
|
||
|
|
@apply absolute block rounded-full w-8 h-8 right-1/2 -left-2 -top-2 transition-all duration-150 ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-switch input[type="checkbox"]:checked+label>span:first-child {
|
||
|
|
@apply bg-blue-200 border-blue-600 left-6;
|
||
|
|
}
|