@import '@angular/material';

// Scrollbar mixin
// Use theme to manage colors on scrollbars
@mixin mic-scrollbar-override($theme) {
  $is-dark: map-get($theme, is-dark);
  $primary: map-get($theme, primary);

  .os-scrollbar-track {
    @if $is-dark {
      background: map-get($mic-grey, 500) !important;
    } @else {
      background: map-get($mic-grey, A400) !important;
    }
  }
  .os-scrollbar-handle {
    @if $is-dark {
      background: map-get($primary, A100) !important;
    } @else {
      background: map-get($primary, A400) !important;
    }
  }
}

// fix issue content not 100% with overlayscrollbar v2
mat-sidenav-content > div[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  height: 100%;
}
