var.less 1.3 KB

12345678910111213141516171819202122232425262728
  1. @import '../style/var.less';
  2. @calendar-background-color: var(--van-background-color-light);
  3. @calendar-popup-height: 80%;
  4. @calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
  5. @calendar-header-title-height: 44px;
  6. @calendar-header-title-font-size: var(--van-font-size-lg);
  7. @calendar-header-subtitle-font-size: var(--van-font-size-md);
  8. @calendar-weekdays-height: 30px;
  9. @calendar-weekdays-font-size: var(--van-font-size-sm);
  10. @calendar-month-title-font-size: var(--van-font-size-md);
  11. @calendar-month-mark-color: rgba(242, 243, 245, 0.8);
  12. @calendar-month-mark-font-size: 160px;
  13. @calendar-day-height: 64px;
  14. @calendar-day-font-size: var(--van-font-size-lg);
  15. @calendar-day-margin-bottom: 4px;
  16. @calendar-range-edge-color: var(--van-white);
  17. @calendar-range-edge-background-color: var(--van-danger-color);
  18. @calendar-range-middle-color: var(--van-danger-color);
  19. @calendar-range-middle-background-opacity: 0.1;
  20. @calendar-selected-day-size: 54px;
  21. @calendar-selected-day-color: var(--van-white);
  22. @calendar-info-font-size: var(--van-font-size-xs);
  23. @calendar-info-line-height: var(--van-line-height-xs);
  24. @calendar-selected-day-background-color: var(--van-danger-color);
  25. @calendar-day-disabled-color: var(--van-text-color-3);
  26. @calendar-confirm-button-height: 36px;
  27. @calendar-confirm-button-margin: 7px 0;