.alert {
  border: 0;
  border-left: 0.25rem solid;
  color: $text-color;
  padding-left: calc(#{$alert-padding-x} - 0.25rem);

  .alert-actions {
    margin-top: $margin-s;
  }
}

@each $name, $border-color, $background-color in $alert-variants {
  .alert-#{$name} {
    background-color: $background-color;
    border-left-color: $border-color;
  }
}