feat: add more color variables (#8861)

* style: add --van-warning-color

* style: add --van-success-color

* feat: add more color variables
This commit is contained in:
neverland
2021-06-14 15:21:05 +08:00
committed by GitHub
parent d4735bb084
commit 4ccd7c1cb5
115 changed files with 250 additions and 234 deletions
+8 -8
View File
@@ -171,17 +171,17 @@ The component provides the following CSS variables, which can be used to customi
| --van-button-default-background-color | _var(--van-white)_ | - |
| --van-button-default-border-color | _var(--van-border-color)_ | - |
| --van-button-primary-color | _var(--van-white)_ | - |
| --van-button-primary-background-color | _var(--van-blue)_ | - |
| --van-button-primary-border-color | _var(--van-blue)_ | - |
| --van-button-primary-background-color | _var(--van-primary-color)_ | - |
| --van-button-primary-border-color | _var(--van-primary-color)_ | - |
| --van-button-success-color | _var(--van-white)_ | - |
| --van-button-success-background-color | _var(--van-green)_ | - |
| --van-button-success-border-color | _var(--van-green)_ | - |
| --van-button-success-background-color | _var(--van-success-color)_ | - |
| --van-button-success-border-color | _var(--van-success-color)_ | - |
| --van-button-danger-color | _var(--van-white)_ | - |
| --van-button-danger-background-color | _var(--van-red)_ | - |
| --van-button-danger-border-color | _var(--van-red)_ | - |
| --van-button-danger-background-color | _var(--van-danger-color)_ | - |
| --van-button-danger-border-color | _var(--van-danger-color)_ | - |
| --van-button-warning-color | _var(--van-white)_ | - |
| --van-button-warning-background-color | _var(--van-orange)_ | - |
| --van-button-warning-border-color | _var(--van-orange)_ | - |
| --van-button-warning-background-color | _var(--van-warning-color)_ | - |
| --van-button-warning-border-color | _var(--van-warning-color)_ | - |
| --van-button-border-width | _var(--van-border-width-base)_ | - |
| --van-button-border-radius | _var(--van-border-radius-sm)_ | - |
| --van-button-round-border-radius | _var(--van-border-radius-max)_ | - |
+6 -6
View File
@@ -194,14 +194,14 @@ app.use(Button);
| --van-button-default-background-color | _var(--van-white)_ | - |
| --van-button-default-border-color | _var(--van-border-color)_ | - |
| --van-button-primary-color | _var(--van-white)_ | - |
| --van-button-primary-background-color | _var(--van-blue)_ | - |
| --van-button-primary-border-color | _var(--van-blue)_ | - |
| --van-button-primary-background-color | _var(--van-primary-color)_ | - |
| --van-button-primary-border-color | _var(--van-primary-color)_ | - |
| --van-button-success-color | _var(--van-white)_ | - |
| --van-button-success-background-color | _var(--van-green)_ | - |
| --van-button-success-border-color | _var(--van-green)_ | - |
| --van-button-success-background-color | _var(--van-success-color)_ | - |
| --van-button-success-border-color | _var(--van-success-color)_ | - |
| --van-button-danger-color | _var(--van-white)_ | - |
| --van-button-danger-background-color | _var(--van-red)_ | - |
| --van-button-danger-border-color | _var(--van-red)_ | - |
| --van-button-danger-background-color | _var(--van-danger-color)_ | - |
| --van-button-danger-border-color | _var(--van-danger-color)_ | - |
| --van-button-warning-color | _var(--van-white)_ | - |
| --van-button-warning-background-color | _var(--van-organge)_ | - |
| --van-button-warning-border-color | _var(--van-organge)_ | - |
+8 -8
View File
@@ -16,17 +16,17 @@
@button-default-background-color: var(--van-white);
@button-default-border-color: var(--van-border-color);
@button-primary-color: var(--van-white);
@button-primary-background-color: var(--van-blue);
@button-primary-border-color: var(--van-blue);
@button-primary-background-color: var(--van-primary-color);
@button-primary-border-color: var(--van-primary-color);
@button-success-color: var(--van-white);
@button-success-background-color: var(--van-green);
@button-success-border-color: var(--van-green);
@button-success-background-color: var(--van-success-color);
@button-success-border-color: var(--van-success-color);
@button-danger-color: var(--van-white);
@button-danger-background-color: var(--van-red);
@button-danger-border-color: var(--van-red);
@button-danger-background-color: var(--van-danger-color);
@button-danger-border-color: var(--van-danger-color);
@button-warning-color: var(--van-white);
@button-warning-background-color: var(--van-orange);
@button-warning-border-color: var(--van-orange);
@button-warning-background-color: var(--van-warning-color);
@button-warning-border-color: var(--van-warning-color);
@button-border-width: var(--van-border-width-base);
@button-border-radius: var(--van-border-radius-sm);
@button-round-border-radius: var(--van-border-radius-max);