From cc872597903fb71a94561fd131398bbfb8e682c2 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sun, 22 Aug 2021 16:51:51 +0800
Subject: [PATCH] style: fix some negative css vars (#9306)
---
src/field/index.less | 2 +-
src/slider/index.less | 8 ++++----
src/step/index.less | 2 +-
src/tree-select/index.less | 2 +-
4 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/field/index.less b/src/field/index.less
index 078d8eea5..3ee6201cf 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -143,7 +143,7 @@
&__clear,
&__right-icon {
- margin-right: -var(--van-padding-xs);
+ margin-right: calc(var(--van-padding-xs) * -1);
padding: 0 var(--van-padding-xs);
line-height: inherit;
}
diff --git a/src/slider/index.less b/src/slider/index.less
index e7e9d728c..edd3f7746 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -23,9 +23,9 @@
// use pseudo element to expand click area
&::before {
position: absolute;
- top: -var(--van-padding-xs);
+ top: calc(var(--van-padding-xs) * -1);
right: 0;
- bottom: -var(--van-padding-xs);
+ bottom: calc(var(--van-padding-xs) * -1);
left: 0;
content: '';
}
@@ -98,9 +98,9 @@
// use pseudo element to expand click area
&::before {
top: 0;
- right: -var(--van-padding-xs);
+ right: calc(var(--van-padding-xs) * -1);
bottom: 0;
- left: -var(--van-padding-xs);
+ left: calc(var(--van-padding-xs) * -1);
}
}
}
diff --git a/src/step/index.less b/src/step/index.less
index 52df3a002..44b743076 100644
--- a/src/step/index.less
+++ b/src/step/index.less
@@ -63,7 +63,7 @@
.van-step__circle-container {
position: absolute;
top: 30px;
- left: -var(--van-padding-xs);
+ left: calc(var(--van-padding-xs) * -1);
z-index: 1;
padding: 0 var(--van-padding-xs);
background-color: var(--van-white);
diff --git a/src/tree-select/index.less b/src/tree-select/index.less
index cfbcdd58f..3c4c54970 100644
--- a/src/tree-select/index.less
+++ b/src/tree-select/index.less
@@ -64,7 +64,7 @@
position: absolute;
top: 50%;
right: var(--van-padding-md);
- margin-top: -var(--van-padding-xs);
+ margin-top: calc(var(--van-padding-xs) * -1);
font-size: var(--van-tree-select-item-selected-size);
}
}