_alert.scss 870 B

12345678910111213141516171819202122232425
  1. // Base styles
  2. // NOT NEEDED
  3. // .alert {
  4. // border: $alert-border-width solid transparent;
  5. // }
  6. // Headings for larger alerts
  7. .alert-heading {
  8. color: inherit;
  9. }
  10. // Generate contextual modifier classes for colorizing the alert.
  11. @each $state, $value in $theme-colors-alt {
  12. $alert-background-alt: shift-color($value, $alert-bg-scale-alt);
  13. $alert-border-alt: shift-color($value, $alert-border-scale-alt);
  14. $alert-color-alt: shift-color($value, $alert-color-scale-alt);
  15. @if (contrast-ratio($alert-background-alt, $alert-color-alt) < $min-contrast-ratio-alt) {
  16. $alert-color-alt: mix($value, color-contrast($alert-background-alt, $color-contrast-dark-alt, $color-contrast-light-alt, $min-contrast-ratio-alt), abs($alert-color-scale-alt));
  17. }
  18. .alert-#{$state} {
  19. @include alert-variant($alert-background-alt, $alert-border-alt, $alert-color-alt);
  20. }
  21. }