@use '~@angular/material' as mat;
@mixin resources-sidebar-mat($theme) {
  $color-config: mat-get-color-config($theme);
  $primary-color: mat.get-color-from-palette(map-get($color-config, primary));

  app-resources-sidebar {
    #res-tab-menu {
      background-color: map-get($theme, header);
    }
    #sidebar-container {
      background-color: map-get($theme, sidebar-bg);
    }
    #res-tab-menu .active {
      border-top-color: $primary-color !important;
    }
    #res-tab-menu .active mat-icon {
      color: $primary-color;
    }
    #news-container {
      background-color: map-get($theme, sidebar);
    }
    #add-resource-button {    
      .mat-mini-fab{
        .mat-button-wrapper {
          padding: 0;
        }
      }
    }
  }
}
