VCalendarMonthDay.sass 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @use '../../styles/tools'
  2. @use './variables' as *
  3. @include tools.layer('components')
  4. .v-calendar-month__day
  5. position: relative
  6. display: flex
  7. flex-direction: column
  8. // https://github.com/vuetifyjs/vuetify/issues/9058
  9. // https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
  10. min-width: 0
  11. min-height: $calendar-weekly-day-min-height
  12. // Themed
  13. border-right: $calendar-line-width solid $calendar-line-color
  14. border-bottom: $calendar-line-width solid $calendar-line-color
  15. flex: 1 1 auto
  16. border-inline-end: $calendar-line-width solid $calendar-line-color
  17. .v-calendar-weekly__day
  18. flex: 1
  19. width: 0
  20. overflow: hidden
  21. user-select: none
  22. position: relative
  23. padding: $calendar-weekly-day-padding
  24. // https://github.com/vuetifyjs/vuetify/issues/9058
  25. // https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
  26. min-width: 0
  27. min-height: $calendar-weekly-day-min-height
  28. // Themed
  29. border-right: $calendar-line-width solid $calendar-line-color
  30. border-bottom: $calendar-line-width solid $calendar-line-color
  31. flex: 1 1 auto
  32. border-inline-end: $calendar-line-width solid $calendar-line-color
  33. text-align: center
  34. &.v-present
  35. .v-calendar-weekly__day-month
  36. color: currentColor
  37. .v-calendar-weekly__day-label
  38. text-decoration: none
  39. user-select: none
  40. cursor: pointer
  41. box-shadow: none
  42. text-align: center
  43. .v-btn
  44. font-size: $calendar-weekly-day-label-font-size
  45. text-transform: none !important
  46. &.v-calendar-weekly__day-label__today
  47. background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))
  48. color: rgb(var(--v-theme-on-surface-variant))
  49. .v-calendar-weekly__day-month
  50. position: absolute
  51. text-decoration: none
  52. user-select: none
  53. box-shadow: none
  54. top: 0
  55. left: $calendar-weekly-day-month-left
  56. height: $calendar-weekly-day-label-size
  57. line-height: $calendar-weekly-day-label-size
  58. .v-calendar-weekly__day-alldayevents-container
  59. min-height: 24px