style: fix some negative css vars (#9306)

This commit is contained in:
neverland 2021-08-22 16:51:51 +08:00 committed by GitHub
parent f24c521d26
commit cc87259790
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 7 deletions

View File

@ -143,7 +143,7 @@
&__clear, &__clear,
&__right-icon { &__right-icon {
margin-right: -var(--van-padding-xs); margin-right: calc(var(--van-padding-xs) * -1);
padding: 0 var(--van-padding-xs); padding: 0 var(--van-padding-xs);
line-height: inherit; line-height: inherit;
} }

View File

@ -23,9 +23,9 @@
// use pseudo element to expand click area // use pseudo element to expand click area
&::before { &::before {
position: absolute; position: absolute;
top: -var(--van-padding-xs); top: calc(var(--van-padding-xs) * -1);
right: 0; right: 0;
bottom: -var(--van-padding-xs); bottom: calc(var(--van-padding-xs) * -1);
left: 0; left: 0;
content: ''; content: '';
} }
@ -98,9 +98,9 @@
// use pseudo element to expand click area // use pseudo element to expand click area
&::before { &::before {
top: 0; top: 0;
right: -var(--van-padding-xs); right: calc(var(--van-padding-xs) * -1);
bottom: 0; bottom: 0;
left: -var(--van-padding-xs); left: calc(var(--van-padding-xs) * -1);
} }
} }
} }

View File

@ -63,7 +63,7 @@
.van-step__circle-container { .van-step__circle-container {
position: absolute; position: absolute;
top: 30px; top: 30px;
left: -var(--van-padding-xs); left: calc(var(--van-padding-xs) * -1);
z-index: 1; z-index: 1;
padding: 0 var(--van-padding-xs); padding: 0 var(--van-padding-xs);
background-color: var(--van-white); background-color: var(--van-white);

View File

@ -64,7 +64,7 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
right: var(--van-padding-md); 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); font-size: var(--van-tree-select-item-selected-size);
} }
} }