cjl-ui/switch.css

the giraffe theme project files

@charset "UTF-8";.el-switch,.el-switch__label,.el-switch__label *{font-size:12px;display:inline-block}.el-switch{position:relative;line-height:22px;height:22px;vertical-align:middle}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-switch.is-disabled .el-switch__core{border-color:#F0F5FA!important;background:#F0F5FA!important}.el-switch.is-disabled .el-switch__core span{background-color:#fcfdfe!important}.el-switch.is-disabled .el-switch__core~.el-switch__label *{color:#fcfdfe!important}.el-switch.is-checked .el-switch__core{border-color:#6E9ACB;background-color:#6E9ACB}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{width:46px;height:22px;cursor:pointer}.el-switch__label{transition:.2s;position:absolute;left:0;top:0;z-index:2}.el-switch__label *{line-height:1;top:4px;position:absolute;color:#fff}.el-switch__label--left i{left:6px}.el-switch__label--right i{right:6px}.el-switch__input{display:none}.el-switch__input.allow-focus{z-index:0;display:inline;display:initial;position:absolute;left:0;top:0;outline:0;opacity:0}.el-switch__input.allow-focus:focus+.el-switch__core{box-shadow:0 0 2px #6E9ACB}.el-switch__core{margin:0;display:inline-block;position:relative;border:1px solid #ccc;outline:0;border-radius:12px;box-sizing:border-box;background:#ccc;transition:border-color .3s,background-color .3s;z-index:1}.el-switch__core .el-switch__button{top:0;left:0;position:absolute;border-radius:100%;transition:transform .3s;width:16px;height:16px;background-color:#fff}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}