lin-view-ui/lib/theme-chalk/switch.css

vue components library

.lin-switch{position:relative;display:inline-flex;align-items:center;height:20px;font-size:14px;line-height:20px;vertical-align:middle}.lin-switch-input{position:absolute;width:0;height:0;margin:0;opacity:0}.lin-switch-core{position:relative;box-sizing:border-box;display:inline-block;width:40px;height:20px;margin:0;vertical-align:middle;cursor:pointer;background:#dcdfe6;border:1px solid #dcdfe6;border-radius:10px;outline:0;transition:border-color .3s,background-color .3s}.lin-switch-core .lin-switch-button{position:absolute;top:1px;left:1px;width:16px;height:16px;background-color:#fff;border-radius:100%;transition:all .3s}.lin-switch.lin-switch-is-checked .lin-switch-core{background-color:#409eff;border-color:#409eff}.lin-switch.lin-switch-is-checked .lin-switch-core .lin-switch-button{transform:translateX(20px)}.lin-switch-is-disabled{cursor:not-allowed;opacity:.6}.lin-switch-is-disabled .lin-switch-core{cursor:not-allowed}