feat(style): component using basic css variables
This commit is contained in:
@@ -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
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user