@mixin alert-variant($theme-colors) {
  @each $color, $value in $theme-colors {
    .alert-#{$color} {
      color: $value;
      border-color: $value;

      &:before {
        background-color: $value;
      }

      hr {
        border-top-color: $value;
      }

      a {
        color: $value;
      }
    }
  }
}
