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:
+2
-2
@@ -319,14 +319,14 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-field-label-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-label-margin-right | _var(--van-padding-sm)_ | - |
|
||||
| --van-field-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-red)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-danger-color)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-red)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-danger-color)_ | - |
|
||||
| --van-field-error-message-text-color | _12px_ | - |
|
||||
| --van-field-text-area-min-height | _60px_ | - |
|
||||
| --van-field-word-limit-color | _var(--van-gary-7)_ | - |
|
||||
|
||||
@@ -336,14 +336,14 @@ export default {
|
||||
| --van-field-label-color | _var(--van-gary-7)_ | - |
|
||||
| --van-field-label-margin-right | _var(--van-padding-sm)_ | - |
|
||||
| --van-field-input-text-color | _var(--van-text-color)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-red)_ | - |
|
||||
| --van-field-input-error-text-color | _var(--van-danger-color)_ | - |
|
||||
| --van-field-input-disabled-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-placeholder-text-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-size | _16px_ | - |
|
||||
| --van-field-clear-icon-color | _var(--van-gary-5)_ | - |
|
||||
| --van-field-right-icon-color | _var(--van-gary-6)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-red)_ | - |
|
||||
| --van-field-error-message-color | _var(--van-danger-color)_ | - |
|
||||
| --van-field-error-message-text-color | _12px_ | - |
|
||||
| --van-field-text-area-min-height | _60px_ | - |
|
||||
| --van-field-word-limit-color | _var(--van-gary-7)_ | - |
|
||||
|
||||
+2
-2
@@ -4,14 +4,14 @@
|
||||
@field-label-color: var(--van-gray-7);
|
||||
@field-label-margin-right: var(--van-padding-sm);
|
||||
@field-input-text-color: var(--van-text-color);
|
||||
@field-input-error-text-color: var(--van-red);
|
||||
@field-input-error-text-color: var(--van-danger-color);
|
||||
@field-input-disabled-text-color: var(--van-gray-5);
|
||||
@field-placeholder-text-color: var(--van-gray-5);
|
||||
@field-icon-size: 16px;
|
||||
@field-clear-icon-size: 16px;
|
||||
@field-clear-icon-color: var(--van-gray-5);
|
||||
@field-right-icon-color: var(--van-gray-6);
|
||||
@field-error-message-color: var(--van-red);
|
||||
@field-error-message-color: var(--van-danger-color);
|
||||
@field-error-message-text-color: 12px;
|
||||
@field-text-area-min-height: 60px;
|
||||
@field-word-limit-color: var(--van-gray-7);
|
||||
|
||||
Reference in New Issue
Block a user