//
// Alerts Mixins
// --------------------------------------------------

@mixin alert-variant(
  $background-string,
  $border,
  $text-color-string,
  $title-color
) {
  background-color: rgba($border, 0.1);

  .alert-title {
    color: $title-color;
  }

  .theme-default & {
    .alert-close {
      color: $title-color;
    }
  }

  &,
  p {
    @include themes(color, $text-color-string);
  }

  hr {
    border-top-color: darken($border, 5%);
  }

  .alert-link {
    color: $title-color;

    &:hover,
    &:focus {
      color: darken($title-color, 10%);
    }
  }
}