style: improve basic style inheritance (#8860)

This commit is contained in:
neverland 2021-06-14 14:52:20 +08:00 committed by GitHub
parent 365bf989b1
commit d4735bb084
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 12 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;