44 lines
1.1 KiB
Sass
44 lines
1.1 KiB
Sass
@use '../../styles/tools'
|
|
|
|
@include tools.layer('components')
|
|
.v-calendar-day
|
|
position: relative
|
|
display: flex
|
|
flex-direction: column
|
|
|
|
.v-calendar-weekly
|
|
.v-calendar__container
|
|
display: grid
|
|
|
|
&.days__7
|
|
grid-template-columns: repeat(7, 1fr)
|
|
|
|
&.days__6
|
|
grid-template-columns: repeat(6, 1fr)
|
|
|
|
&.days__5
|
|
grid-template-columns: repeat(5, 1fr)
|
|
|
|
&.days__4
|
|
grid-template-columns: repeat(4, 1fr)
|
|
|
|
&.days__3
|
|
grid-template-columns: repeat(3, 1fr)
|
|
|
|
&.days__2
|
|
grid-template-columns: repeat(2, 1fr)
|
|
|
|
&.days__1
|
|
grid-template-columns: repeat(1, 1fr)
|
|
|
|
&.days__0
|
|
grid-template-columns: repeat(1, 1fr)
|
|
|
|
.v-calendar-weekly__head-weekday
|
|
// without a little padding at the bottom the drop shadow gets clipped on the current day
|
|
padding-bottom: 4px
|
|
|
|
.v-calendar-weekly__head-weekday .v-calendar-day-label__today
|
|
background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))
|
|
color: rgb(var(--v-theme-on-surface-variant))
|