alerts.less 1.1 KB

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