alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: add more color variables (#8861)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files
src/calendar/README.md
+3 -3
View File
@@ -365,14 +365,14 @@ The component provides the following CSS variables, which can be used to customi
| --van-calendar-day-height | _64px_ | - |
| --van-calendar-day-font-size | _var(--van-font-size-lg)_ | - |
| --van-calendar-range-edge-color | _var(--van-white)_ | - |
| --van-calendar-range-edge-background-color | _var(--van-red)_ | - |
| --van-calendar-range-middle-color | _var(--van-red)_ | - |
| --van-calendar-range-edge-background-color | _var(--van-danger-color)_ | - |
| --van-calendar-range-middle-color | _var(--van-danger-color)_ | - |
| --van-calendar-range-middle-background-opacity | _0.1_ | - |
| --van-calendar-selected-day-size | _54px_ | - |
| --van-calendar-selected-day-color | _var(--van-white)_ | - |
| --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - |
| --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - |
| --van-calendar-selected-day-background-color | _var(--van-red)_ | - |
| --van-calendar-selected-day-background-color | _var(--van-danger-color)_ | - |
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
| --van-calendar-confirm-button-height | _36px_ | - |
| --van-calendar-confirm-button-margin | _7px 0_ | - |
src/calendar/README.zh-CN.md
+3 -3
View File
@@ -371,14 +371,14 @@ export default {
| --van-calendar-day-height | _64px_ | - |
| --van-calendar-day-font-size | _var(--van-font-size-lg)_ | - |
| --van-calendar-range-edge-color | _var(--van-white)_ | - |
| --van-calendar-range-edge-background-color | _var(--van-red)_ | - |
| --van-calendar-range-middle-color | _var(--van-red)_ | - |
| --van-calendar-range-edge-background-color | _var(--van-danger-color)_ | - |
| --van-calendar-range-middle-color | _var(--van-danger-color)_ | - |
| --van-calendar-range-middle-background-opacity | _0.1_ | - |
| --van-calendar-selected-day-size | _54px_ | - |
| --van-calendar-selected-day-color | _var(--van-white)_ | - |
| --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - |
| --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - |
| --van-calendar-selected-day-background-color | _var(--van-red)_ | - |
| --van-calendar-selected-day-background-color | _var(--van-danger-color)_ | - |
| --van-calendar-day-disabled-color | _var(--van-gary-5)_ | - |
| --van-calendar-confirm-button-height | _36px_ | - |
| --van-calendar-confirm-button-margin | _7px 0_ | - |
src/calendar/var.less
+3 -3
View File
@@ -14,14 +14,14 @@
@calendar-day-height: 64px;
@calendar-day-font-size: var(--van-font-size-lg);
@calendar-range-edge-color: var(--van-white);
@calendar-range-edge-background-color: var(--van-red);
@calendar-range-middle-color: var(--van-red);
@calendar-range-edge-background-color: var(--van-danger-color);
@calendar-range-middle-color: var(--van-danger-color);
@calendar-range-middle-background-opacity: 0.1;
@calendar-selected-day-size: 54px;
@calendar-selected-day-color: var(--van-white);
@calendar-info-font-size: var(--van-font-size-xs);
@calendar-info-line-height: var(--van-line-height-xs);
@calendar-selected-day-background-color: var(--van-red);
@calendar-selected-day-background-color: var(--van-danger-color);
@calendar-day-disabled-color: var(--van-gray-5);
@calendar-confirm-button-height: 36px;
@calendar-confirm-button-margin: 7px 0;