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
+2 -2
View File
@@ -84,10 +84,10 @@ The component provides the following CSS variables, which can be used to customi
| Name | Default Value | Description |
| --- | --- | --- |
| --van-progress-height | _4px_ | - |
| --van-progress-color | _var(--van-blue)_ | - |
| --van-progress-color | _var(--van-primary-color)_ | - |
| --van-progress-background-color | _var(--van-gary-3)_ | - |
| --van-progress-pivot-padding | _0 5px_ | - |
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
| --van-progress-pivot-line-height | _1.6_ | - |
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
| --van-progress-pivot-background-color | _var(--van-primary-color)_ | - |
+10 -10
View File
@@ -85,16 +85,16 @@ app.use(Progress);
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
| 名称 | 默认值 | 描述 |
| ------------------------------------- | ------------------------- | ---- |
| --van-progress-height | _4px_ | - |
| --van-progress-color | _var(--van-blue)_ | - |
| --van-progress-background-color | _var(--van-gary-3)_ | - |
| --van-progress-pivot-padding | _0 5px_ | - |
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
| --van-progress-pivot-line-height | _1.6_ | - |
| --van-progress-pivot-background-color | _var(--van-blue)_ | - |
| 名称 | 默认值 | 描述 |
| ------------------------------------- | -------------------------- | ---- |
| --van-progress-height | _4px_ | - |
| --van-progress-color | _var(--van-primary-color)_ | - |
| --van-progress-background-color | _var(--van-gary-3)_ | - |
| --van-progress-pivot-padding | _0 5px_ | - |
| --van-progress-pivot-text-color | _var(--van-white)_ | - |
| --van-progress-pivot-font-size | _var(--van-font-size-xs)_ | - |
| --van-progress-pivot-line-height | _1.6_ | - |
| --van-progress-pivot-background-color | _var(--van-primary-color)_ | - |
## 常见问题
+2 -2
View File
@@ -1,10 +1,10 @@
@import '../style/var.less';
@progress-height: 4px;
@progress-color: var(--van-blue);
@progress-color: var(--van-primary-color);
@progress-background-color: var(--van-gray-3);
@progress-pivot-padding: 0 5px;
@progress-pivot-text-color: var(--van-white);
@progress-pivot-font-size: var(--van-font-size-xs);
@progress-pivot-line-height: 1.6;
@progress-pivot-background-color: var(--van-blue);
@progress-pivot-background-color: var(--van-primary-color);