@xysfe/actui/es/Switch/style.css

A fantastic mobile ui lib implement by Vue

.act-switch[data-v-f096997c]{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-switch .act-switch-input[data-v-f096997c]{position:absolute;z-index:1;width:2em;height:1em;opacity:0}.act-switch .act-switch-ui[data-v-f096997c]{position:relative;display:block;width:2em;height:1em;box-sizing:content-box;border:1px solid transparent;border-radius:1em}.act-switch .act-switch-ui.checked[data-v-f096997c]:before{-webkit-transform:scale(0);transform:scale(0)}.act-switch .act-switch-ui.checked[data-v-f096997c]:after{-webkit-transform:translateX(1em);transform:translateX(1em)}.act-switch .act-switch-ui.disabled[data-v-f096997c]{opacity:.3}.act-switch .act-switch-ui[data-v-f096997c]:after,.act-switch .act-switch-ui[data-v-f096997c]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1em;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28),-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28)}.act-switch .act-switch-ui[data-v-f096997c]:after{width:1em;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.act-switch .act-switch-label[data-v-f096997c]{display:block;margin-left:10px}.act-switch .act-switch-label[data-v-f096997c]:empty{margin-left:0}