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

feat(style): component using basic css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/calendar/index.less
+6 -6
View File
@@ -60,7 +60,7 @@
&__header-title,
&__header-subtitle {
height: var(--van-calendar-header-title-height);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
line-height: var(--van-calendar-header-title-height);
text-align: center;
}
@@ -137,16 +137,16 @@
}
&--start {
border-radius: @border-radius-md 0 0 @border-radius-md;
border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md);
}
&--end {
border-radius: 0 @border-radius-md @border-radius-md 0;
border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
}
&--start-end,
&--multiple-selected {
border-radius: @border-radius-md;
border-radius: var(--van-border-radius-md);
}
&--middle {
@@ -196,12 +196,12 @@
height: var(--van-calendar-selected-day-size);
color: var(--van-calendar-selected-day-color);
background-color: var(--van-calendar-selected-day-background-color);
border-radius: @border-radius-md;
border-radius: var(--van-border-radius-md);
}
&__footer {
flex-shrink: 0;
padding: 0 @padding-md;
padding: 0 var(--van-padding-md);
.safe-area-inset-bottom();
&--unfit {
src/calendar/var.less
+15 -15
View File
@@ -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;