mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
style: improve basic style inheritance (#8860)
This commit is contained in:
parent
365bf989b1
commit
d4735bb084
@ -140,11 +140,11 @@ There are some **Basic Variables** below, for component CSS Variables, please re
|
|||||||
--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
||||||
|
|
||||||
// Component Colors
|
// Component Colors
|
||||||
--van-text-color: #323233;
|
--van-text-color: var(--van-gray-8);
|
||||||
--van-active-color: #f2f3f5;
|
--van-active-color: var(--van-gray-2);
|
||||||
--van-active-opacity: 0.7;
|
--van-active-opacity: 0.7;
|
||||||
--van-disabled-opacity: 0.5;
|
--van-disabled-opacity: 0.5;
|
||||||
--van-background-color: #f7f8fa;
|
--van-background-color: var(--van-gray-1);
|
||||||
--van-background-color-light: #fafafa;
|
--van-background-color-light: #fafafa;
|
||||||
--van-text-link-color: #576b95;
|
--van-text-link-color: #576b95;
|
||||||
|
|
||||||
@ -179,7 +179,7 @@ There are some **Basic Variables** below, for component CSS Variables, please re
|
|||||||
--van-animation-timing-function-leave: ease-in;
|
--van-animation-timing-function-leave: ease-in;
|
||||||
|
|
||||||
// Border
|
// Border
|
||||||
--van-border-color: #ebedf0;
|
--van-border-color: var(--van-gray-3);
|
||||||
--van-border-width-base: 1px;
|
--van-border-width-base: 1px;
|
||||||
--van-border-radius-sm: 2px;
|
--van-border-radius-sm: 2px;
|
||||||
--van-border-radius-md: 4px;
|
--van-border-radius-md: 4px;
|
||||||
|
@ -140,11 +140,11 @@ export default {
|
|||||||
--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
||||||
|
|
||||||
// Component Colors
|
// Component Colors
|
||||||
--van-text-color: #323233;
|
--van-text-color: var(--van-gray-8);
|
||||||
--van-active-color: #f2f3f5;
|
--van-active-color: var(--van-gray-2);
|
||||||
--van-active-opacity: 0.7;
|
--van-active-opacity: 0.7;
|
||||||
--van-disabled-opacity: 0.5;
|
--van-disabled-opacity: 0.5;
|
||||||
--van-background-color: #f7f8fa;
|
--van-background-color: var(--van-gray-1);
|
||||||
--van-background-color-light: #fafafa;
|
--van-background-color-light: #fafafa;
|
||||||
--van-text-link-color: #576b95;
|
--van-text-link-color: #576b95;
|
||||||
|
|
||||||
@ -179,7 +179,7 @@ export default {
|
|||||||
--van-animation-timing-function-leave: ease-in;
|
--van-animation-timing-function-leave: ease-in;
|
||||||
|
|
||||||
// Border
|
// Border
|
||||||
--van-border-color: #ebedf0;
|
--van-border-color: var(--van-gray-3);
|
||||||
--van-border-width-base: 1px;
|
--van-border-width-base: 1px;
|
||||||
--van-border-radius-sm: 2px;
|
--van-border-radius-sm: 2px;
|
||||||
--van-border-radius-md: 4px;
|
--van-border-radius-md: 4px;
|
||||||
|
@ -21,11 +21,11 @@
|
|||||||
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
|
||||||
|
|
||||||
// Component Colors
|
// Component Colors
|
||||||
@text-color: @gray-8;
|
@text-color: var(--van-gray-8);
|
||||||
@active-color: @gray-2;
|
@active-color: var(--van-gray-2);
|
||||||
@active-opacity: 0.7;
|
@active-opacity: 0.7;
|
||||||
@disabled-opacity: 0.5;
|
@disabled-opacity: 0.5;
|
||||||
@background-color: @gray-1;
|
@background-color: var(--van-gray-1);
|
||||||
@background-color-light: #fafafa;
|
@background-color-light: #fafafa;
|
||||||
@text-link-color: #576b95;
|
@text-link-color: #576b95;
|
||||||
|
|
||||||
@ -60,7 +60,7 @@
|
|||||||
@animation-timing-function-leave: ease-in;
|
@animation-timing-function-leave: ease-in;
|
||||||
|
|
||||||
// Border
|
// Border
|
||||||
@border-color: @gray-3;
|
@border-color: var(--van-gray-3);
|
||||||
@border-width-base: 1px;
|
@border-width-base: 1px;
|
||||||
@border-radius-sm: 2px;
|
@border-radius-sm: 2px;
|
||||||
@border-radius-md: 4px;
|
@border-radius-md: 4px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user