alerts.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. //
  2. // Alerts
  3. // --------------------------------------------------
  4. // Base styles
  5. // -------------------------
  6. .alert {
  7. padding: @alert-padding;
  8. margin-bottom: @line-height-computed;
  9. border: 1px solid transparent;
  10. border-radius: @alert-border-radius;
  11. // Headings for larger alerts
  12. h4 {
  13. margin-top: 0;
  14. color: inherit; // Specified for the h4 to prevent conflicts of changing @headings-color
  15. }
  16. // Provide class for links that match alerts
  17. .alert-link {
  18. font-weight: @alert-link-font-weight;
  19. }
  20. // Improve alignment and spacing of inner content
  21. > p,
  22. > ul {
  23. margin-bottom: 0;
  24. }
  25. > p + p {
  26. margin-top: 5px;
  27. }
  28. }
  29. // Alternate styles
  30. //
  31. // Generate contextual modifier classes for colorizing the alert.
  32. .alert-success {
  33. .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
  34. }
  35. .alert-info {
  36. .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
  37. }
  38. .alert-warning {
  39. .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
  40. }
  41. .alert-danger {
  42. .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
  43. }