feat(style): component using basic css variables

This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
+2 -2
View File
@@ -87,14 +87,14 @@
&-slide-left-enter-active,
&-slide-right-enter-active,
&-slide-bottom-enter-active {
transition-timing-function: @animation-timing-function-enter;
transition-timing-function: var(--van-animation-timing-function-enter);
}
&-slide-top-leave-active,
&-slide-left-leave-active,
&-slide-right-leave-active,
&-slide-bottom-leave-active {
transition-timing-function: @animation-timing-function-leave;
transition-timing-function: var(--van-animation-timing-function-leave);
}
&-slide-top-enter-from,
+4 -4
View File
@@ -1,10 +1,10 @@
@import '../style/var.less';
@popup-background-color: @white;
@popup-transition: transform @animation-duration-base;
@popup-background-color: var(--van-white);
@popup-transition: transform var(--van-animation-duration-base);
@popup-round-border-radius: 16px;
@popup-close-icon-size: 22px;
@popup-close-icon-color: @gray-5;
@popup-close-icon-active-color: @gray-6;
@popup-close-icon-color: var(--van-gray-5);
@popup-close-icon-active-color: var(--van-gray-6);
@popup-close-icon-margin: 16px;
@popup-close-icon-z-index: 1;