// Color $color-calendar-bg-active: var(--semi-color-primary); // 今日标识颜色 $color-calendar-bg: var(--semi-color-bg-2); // 日历背景颜色 $color-calendar-text-active: var(--semi-color-bg-1); // 日历文字颜色 - 今日 $color-calendar_curr-bg: var(--semi-color-danger); // 当前时间标识线颜色 $color-calendar_curr-border: var(--semi-color-danger); // 当前时间标识线颜色 $color-calendar_currCircle-bg-default: var(--semi-color-danger); // 当前时间标识原点颜色 $color-calendar_date-text-default: var(--semi-color-text-0); // 日历文字颜色 - 当月 $color-calendar_day-border: var(--semi-color-border); // 日历描边颜色 $color-calendar_day-text-default: var(--semi-color-text-2); // 日历文字颜色 - 非当月 $color-calendar_sticky-bg: var(--semi-color-bg-2); // 日历背景颜色 - 吸顶部分 $color-calendar_weekend-bg: var(--semi-color-fill-0); // 日历背景颜色 - 非工作日 // Width/Height $width-calendar_day: 70px; $width-calendar_day-minWidth: 70px; $height-calendar_day_grid: 60px; $width-calendar_day_grid: 130px; $width-calendar_day_grid-minWidth: 130px; $height-calendar_time_grid: $height-calendar_day_grid / 2; $height-calendar_allDay: 26px; $height-calendar_allDay-minHeight: 26px; $width-calendar_currCircle: 8px; $width-calendar_tag_col: 70px; $width-calendar_tag_col-minWidth: 70px; $height-calendar_day_allDay: 26px; $height-calendar_month: 100%; $height-calendar_month_day: 24px; $height-calendar_month_week_skeletion: 100%; $height-calendar_month_grid_wrapper: calc(100% - 27px); $width-calendar_card: 220px; $height-calendar_day_gridTime: $height-calendar_day_grid / 2; $width-calendar_today_date: 24px; $height-calendar_today_date: 24px; $height-calendar_body_li: 24px; $height-calendar_day_scroll_wrapper: calc(100% - 28px); $height-calendar_week_scroll_wrapper: calc(100% - 55px); $height-calendar_month_skeletion_li: 100%; $height-calendar_month_grid_col: 100%; $height-calendar_month_week_row_event_month: 1em; $width-calendar-border-default: 1px; $width-calendar-border-thick: 1px; // Spacing $spacing-calendar_ul_li-padding: 0; $spacing-calendar_ul_li-margin: 0; $spacing-calendar_sticky_top-top: 0; $spacing-calendar_sticky_top-right: 0; $spacing-calendar_sticky_top-left: 0; $spacing-calendar_sticky_left-left: 0; $spacing-calendar_event_day-left: 0; $spacing-calendar_event_day-right: 0; $spacing-calendar_custom_container-top: 0; $spacing-calendar_custom_container-right: 0; $spacing-calendar_custom_container-bottom: 0; $spacing-calendar_custom_container-left: 0; $spacing-calendar_currCircle-marginTop: -4px; $spacing-calendar_currLine-left: 0; $spacing-calendar_currLine-right: 0; $spacing-calendar_allDay_tag-paddingRight: 8px; $spacing-calendar_allDay_content-paddingLeft: 0; $spacing-calendar_month_event_card_wrapper-paddingTop: 2px; $spacing-calendar_grid_row_span_child-paddingY: 0; $spacing-calendar_grid_row_span_child-paddingX: 4px; $spacing-calendar_skeleton_li_child-paddingTop: 4px; $spacing-calendar_month_event_card_close-marginRight: -4px; $spacing-calendar_header_info_date-marginTop: 4px; $spacing-calendar_time-paddingRight: 8px; $spacing-calendar_time_item_span-top: -10px; $spacing-calendar_tag_child-paddingRight: 8px; $spacing-calendar_skeletion_grid_row_li-paddingRight: 8px; $spacing-calendar_month_event_card_wrapper-right: 8px; $spacing-calendar_month_event_card_content-paddingY: 12px; $spacing-calendar_month_event_card_content-paddingX: 0; $spacing-calendar_month_event_card_ul_li-margin: 0; $spacing-calendar_month_event_card_ul_li-padding: 0; $spacing-calendar_header-marginY: 12px; $spacing-calendar_header-marginX: 20px; $spacing-calendar_body-padingY: 0; $spacing-calendar_body-padingX: 16px; $spacing-calendar_event_items-top: 31px; $spacing-calendar_event_items-right: 0; $spacing-calendar_event_items-bottom: 20px; $spacing-calendar_event_items-left: 0; $spacing-calendar_month_skeletion-left: 0; $spacing-calendar_month_skeletion-right: 0; $spacing-calendar_month_date-right: 4px; // Radius $radius-calendar_currCircle: var(--semi-border-radius-circle); // 日历选中日期标识圆角 $radius-calendar_today_date: var(--semi-border-radius-circle); // 日历选中日期标识圆角 // Font $font-calendar_allDay_tag-lineHeight: $height-calendar_allDay; // 日历全天标识文字行高 $font-calendar_today_date-lineHeight: 24px; $font-calendar_day_allDay-lineHeight: 26px; $font-calendar_day_allDay-fontSize: 26px; $font-calendar_month_day-fontSize: 24px; // Other $z-calendar_stickyTop: 20; $z-calendar_item: 5; $z-calendar_stickyLeft: 10; $z-calendar_curr: 8; $z-calendar_line: 3;