applications/calendar/src/app/styles/_daygrid.scss

   1 .calendar-daygrid {
   2         min-block-size: rem(410);
   3
   4         @include media('print') {
   5                 min-block-size: rem(700);
   6         }
   7
   8         &-weeknumber {
   9                 border-block-end: $calendar-grid-border;
  10                 border-inline-end: $calendar-grid-border;
  11                 background-color: var(--background-weak);
  12
  13                 &-width {
  14                         inline-size: rem(25);
  15                 }
  16         }
  17
  18         &-row,
  19         &-days {
  20                 border-block-end: $calendar-grid-border;
  21         }
  22
  23         &-day {
  24                 @include media('screen') {
  25                         &[aria-current='true'] {
  26                                 font-weight: var(--font-weight-bold);
  27                                 color: var(--primary);
  28                         }
  29                 }
  30         }
  31
  32         &-columns {
  33                 position: absolute;
  34                 inset: 0;
  35         }
  36
  37         &-column:not(:last-child) {
  38                 border-inline-end: $calendar-grid-border;
  39         }
  40 }