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(--el-text-color-primary);
  10. line-height: 22px;
  11. background: var(--el-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(--el-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(--el-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(--el-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. }