// Stepper Mixin
// *******************************************************************************
@mixin bs-stepper-theme($background) {
  $color: color-contrast($background);
  .bs-stepper {
    .step {
      &.active {
        .bs-stepper-circle {
          background-color: $background;
          color: $color;
          box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3);
        }
        .bs-stepper-icon svg {
          fill: $background !important;
        }
        .bs-stepper-icon i,
        .bs-stepper-label {
          color: $background !important;
        }
      }
      &.crossed {
        .step-trigger {
          .bs-stepper-circle {
            background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important;
            color: $background !important;
          }
          .bs-stepper-icon svg {
            fill: $background !important;
          }
          .bs-stepper-icon i {
            color: $background !important;
          }
        }
      }
    }
    &.wizard-icons {
      .step.crossed {
        .bs-stepper-label {
          color: $background !important;
        }
        & + {
          .line {
            i {
              color: $background;
            }
          }
        }
      }
    }
  }
}
