feat(style): component using basic css variables
This commit is contained in:
+15
-15
@@ -1,27 +1,27 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@calendar-background-color: @white;
|
||||
@calendar-background-color: var(--van-white);
|
||||
@calendar-popup-height: 80%;
|
||||
@calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
|
||||
@calendar-header-title-height: 44px;
|
||||
@calendar-header-title-font-size: @font-size-lg;
|
||||
@calendar-header-subtitle-font-size: @font-size-md;
|
||||
@calendar-header-title-font-size: var(--van-font-size-lg);
|
||||
@calendar-header-subtitle-font-size: var(--van-font-size-md);
|
||||
@calendar-weekdays-height: 30px;
|
||||
@calendar-weekdays-font-size: @font-size-sm;
|
||||
@calendar-month-title-font-size: @font-size-md;
|
||||
@calendar-month-mark-color: fade(@gray-2, 80%);
|
||||
@calendar-weekdays-font-size: var(--van-font-size-sm);
|
||||
@calendar-month-title-font-size: var(--van-font-size-md);
|
||||
@calendar-month-mark-color: rgba(242, 243, 245, 0.8);
|
||||
@calendar-month-mark-font-size: 160px;
|
||||
@calendar-day-height: 64px;
|
||||
@calendar-day-font-size: @font-size-lg;
|
||||
@calendar-range-edge-color: @white;
|
||||
@calendar-range-edge-background-color: @red;
|
||||
@calendar-range-middle-color: @red;
|
||||
@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-middle-background-opacity: 0.1;
|
||||
@calendar-selected-day-size: 54px;
|
||||
@calendar-selected-day-color: @white;
|
||||
@calendar-info-font-size: @font-size-xs;
|
||||
@calendar-info-line-height: @line-height-xs;
|
||||
@calendar-selected-day-background-color: @red;
|
||||
@calendar-day-disabled-color: @gray-5;
|
||||
@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-day-disabled-color: var(--van-gray-5);
|
||||
@calendar-confirm-button-height: 36px;
|
||||
@calendar-confirm-button-margin: 7px 0;
|
||||
|
||||
Reference in New Issue
Block a user