calendar.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import "../variate.less";
  2. .@{elNamespace}-calendar__body {
  3. padding: 16px 0 35px;
  4. .@{elNamespace}-calendar-table {
  5. thead th {
  6. height: 22px;
  7. font-size: 14px;
  8. font-weight: 400;
  9. color: var(~'--@{elNamespace}-text-color-primary');
  10. line-height: 22px;
  11. background: var(~'--@{elNamespace}-fill-color');
  12. padding: 5px 0;
  13. }
  14. tr:first-child td {
  15. border-top: 0;
  16. }
  17. tr td:first-child {
  18. border-left: 0;
  19. }
  20. .@{elNamespace}-calendar-table__row {
  21. td:last-child {
  22. .@{elNamespace}-calendar-day {
  23. margin-right: 0;
  24. }
  25. }
  26. td.is-selected {
  27. background-color: var(~'--@{elNamespace}-color-white');
  28. }
  29. td {
  30. border: 0;
  31. }
  32. .current{
  33. .@{elNamespace}-calendar-day{
  34. height: 126px;
  35. margin: 8px 8px 0 0;
  36. padding: 0;
  37. background-color: var(~'--@{elNamespace}-color-white');
  38. position: relative;
  39. }
  40. }
  41. .prev, .next {
  42. .@{elNamespace}-calendar-day{
  43. height: 126px;
  44. margin: 8px 8px 0 0;
  45. padding: 0;
  46. background-color: var(~'--@{elNamespace}-fill-color-light');
  47. }
  48. }
  49. }
  50. }
  51. }
  52. .@{elNamespace}-calendar__header {
  53. padding: 0;
  54. border-bottom: 0;
  55. display: flex;
  56. justify-content: space-between;
  57. align-items: center;
  58. }