@import '@angular/material';

// Material stepper mixin
@mixin mat-stepper-override($theme) {
  $primary: map-get($theme, primary);

  .mat-step-header .mat-step-icon {
    background-color: map-get($mic-grey, 500);
  }

  .mat-step-header:focus {
    outline: map-get($primary, A400) solid 2px;
    border-radius: 5px;
  }

  .mat-step-icon-selected {
    background-color: map-get($primary, A400) !important;
    outline: map-get($primary, A400) solid 2px;
    outline-offset: 2px;
  }
}
