_alert.scss 634 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .alert {
  2. text-align: $left;
  3. @if $direction == rtl {
  4. padding: 0.1em 40px 0.1em 0.1em;
  5. } @else {
  6. padding: 0.1em 0.1em 0.1em 40px;
  7. }
  8. h1 {
  9. border-bottom: 2px solid;
  10. }
  11. }
  12. .alert-primary {
  13. color: #000;
  14. background-color: #ffd;
  15. background-image: none;
  16. border-color: #ffd700;
  17. h1 {
  18. border-color: #ffd700;
  19. }
  20. }
  21. .alert-success {
  22. color: #000;
  23. background-color: #f0fff0;
  24. background-image: none;
  25. border-color: #0f0;
  26. h1 {
  27. border-color: #0f0;
  28. }
  29. }
  30. .alert-danger {
  31. color: #f00;
  32. background-color: #ffc;
  33. background-image: none;
  34. border-color: #f00;
  35. h1 {
  36. border-color: #f00;
  37. }
  38. }