You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.1 KiB
1 lines
4.1 KiB
.el-switch{--el-switch-on-color: var(--el-color-primary);--el-switch-off-color: var(--el-border-color)}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:.07292rem;line-height:.10417rem;height:.16667rem;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);height:.10417rem;display:inline-block;font-size:.07292rem;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--el-text-color-primary)}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:.05208rem}.el-switch__label--right{margin-left:.05208rem}.el-switch__label *{line-height:1;font-size:.07292rem;display:inline-block}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus-visible~.el-switch__core{outline:.01042rem solid var(--el-switch-on-color);outline-offset:.00521rem}.el-switch__core{display:inline-flex;position:relative;align-items:center;min-width:.20833rem;height:.10417rem;border:.00521rem solid var(--el-switch-border-color, var(--el-switch-off-color));outline:none;border-radius:.05208rem;box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{width:100%;transition:all var(--el-transition-duration);height:.08333rem;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 .02083rem 0 .09375rem}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{font-size:.0625rem;color:var(--el-color-white);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-switch__core .el-switch__action{position:absolute;left:.00521rem;border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);width:.08333rem;height:.08333rem;background-color:var(--el-color-white);display:flex;justify-content:center;align-items:center;color:var(--el-switch-off-color)}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-border-color, var(--el-switch-on-color));background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{left:calc(100% - .08854rem);color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 .09375rem 0 .02083rem}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:.05208rem}.el-switch--wide .el-switch__label.el-switch__label--right span{right:.05208rem}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:.07292rem;line-height:.125rem;height:.20833rem}.el-switch--large .el-switch__label{height:.125rem;font-size:.07292rem}.el-switch--large .el-switch__label *{font-size:.07292rem}.el-switch--large .el-switch__core{min-width:.26042rem;height:.125rem;border-radius:.0625rem}.el-switch--large .el-switch__core .el-switch__inner{height:.10417rem;padding:0 .03125rem 0 .11459rem}.el-switch--large .el-switch__core .el-switch__action{width:.10417rem;height:.10417rem}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - .10938rem)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 .11459rem 0 .03125rem}.el-switch--small{font-size:.0625rem;line-height:.08333rem;height:.125rem}.el-switch--small .el-switch__label{height:.08333rem;font-size:.0625rem}.el-switch--small .el-switch__label *{font-size:.0625rem}.el-switch--small .el-switch__core{min-width:.15625rem;height:.08333rem;border-radius:.04167rem}.el-switch--small .el-switch__core .el-switch__inner{height:.0625rem;padding:0 .01042rem 0 .07292rem}.el-switch--small .el-switch__core .el-switch__action{width:.0625rem;height:.0625rem}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - .06771rem)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 .07292rem 0 .01042rem}
|
|
|