alerts.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. // ALERT STYLES
  2. // ------------
  3. // Base alert styles
  4. .alert {
  5. padding: 8px 35px 8px 14px;
  6. margin-bottom: @baseLineHeight;
  7. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  8. background-color: @warningBackground;
  9. border: 1px solid @warningBorder;
  10. .border-radius(4px);
  11. color: @warningText;
  12. }
  13. .alert-heading {
  14. color: inherit;
  15. }
  16. // Adjust close link position
  17. .alert .close {
  18. position: relative;
  19. top: -2px;
  20. right: -21px;
  21. line-height: 18px;
  22. }
  23. // Alternate styles
  24. // ----------------
  25. .alert-success {
  26. background-color: @successBackground;
  27. border-color: @successBorder;
  28. color: @successText;
  29. }
  30. .alert-danger,
  31. .alert-error {
  32. background-color: @errorBackground;
  33. border-color: @errorBorder;
  34. color: @errorText;
  35. }
  36. .alert-info {
  37. background-color: @infoBackground;
  38. border-color: @infoBorder;
  39. color: @infoText;
  40. }
  41. // Block alerts
  42. // ------------------------
  43. .alert-block {
  44. padding-top: 14px;
  45. padding-bottom: 14px;
  46. }
  47. .alert-block > p,
  48. .alert-block > ul {
  49. margin-bottom: 0;
  50. }
  51. .alert-block p + p {
  52. margin-top: 5px;
  53. }