12345678910111213141516171819202122 |
- @import "../variate.less";
- .@{elNamespace}-switch{
- --@{elNamespace}-switch-on-color: var(~'--@{elNamespace}-color-success');
- --@{elNamespace}-switch-off-color: var(~'--@{elNamespace}-text-color-secondary');
- transition: border-color var(~'--@{elNamespace}-transition-duration'),background-color var(~'--@{elNamespace}-transition-duration'),opacity var(~'--@{elNamespace}-transition-duration');
- .@{elNamespace}-switch__core{
- height: 16px;
- border: 0;
- width: 32px;
- .@{elNamespace}-switch__action{
- width: 14px;
- height: 14px;
- }
- }
- &.is-checked .@{elNamespace}-switch__core .@{elNamespace}-switch__action {
- margin-left: calc(-1px - 14px);
- }
- &:hover {
- opacity: .4;
- transition: opacity var(~'--@{elNamespace}-transition-duration');
- }
- }
|