@import '@angular/material/theming';

@mixin calendar-day-view-grid-theme($theme) {
  
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $font-family: mat-font-family(map-get($theme, typography));
  
       .calendar-day-view-grid {
          color: mat-color($primary);
          border-bottom: .5px solid mat-color($primary, 100);
          border-left: .5px solid mat-color($primary, 100);
          font-family: $font-family;
        }

        .calendar-day-view-grid-hours {
          color: mat-color($accent);
        }

        .calendar-day-view-grid-today {
          background-color: mat-color($primary, 50);
        }

        .calendar-day-view-grid-first {
            position: absolute;
            right: .5em;
            bottom: .5em;
        }

        .calendar-day-view-grid-hour {
          border-top: .5px dotted mat-color($primary, 100);
          width: 100%;
        }
      
}