@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
41 lines (31 loc) • 796 B
text/less
@import './input-tag.less';
@input-tag-prefix-cls: ~'@{prefix}-input-tag';
.@{input-tag-prefix-cls} {
.input-tag-style(@input-tag-prefix-cls);
}
.input-tag-zoom-enter-from {
transform: scale(0.5, 0.5);
opacity: 0;
}
.input-tag-zoom-enter-to {
transform: scale(1, 1);
opacity: 1;
}
.input-tag-zoom-enter-active {
transition: all @transition-duration-3 @transition-timing-function-standard;
}
.input-tag-zoom-leave-from {
transform: scale(1, 1);
opacity: 1;
}
.input-tag-zoom-leave-to {
transform: scale(0.5, 0.5);
opacity: 0;
}
.input-tag-zoom-leave-active {
position: absolute;
transition: all @transition-duration-3 @transition-timing-function-overshoot;
}
.input-tag-zoom-move {
transition: all @transition-duration-3 @transition-timing-function-overshoot;
}