alerts.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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(@baseBorderRadius);
  13. }
  14. .alert,
  15. .alert h4 {
  16. // Specified for the h4 to prevent conflicts of changing @headingsColor
  17. color: @warningText;
  18. }
  19. .alert h4 {
  20. margin: 0;
  21. }
  22. // Adjust close link position
  23. .alert .close {
  24. position: relative;
  25. top: -2px;
  26. right: -21px;
  27. line-height: @baseLineHeight;
  28. }
  29. // Alternate styles
  30. // -------------------------
  31. .alert-success {
  32. background-color: @successBackground;
  33. border-color: @successBorder;
  34. color: @successText;
  35. }
  36. .alert-success h4 {
  37. color: @successText;
  38. }
  39. .alert-danger,
  40. .alert-error {
  41. background-color: @errorBackground;
  42. border-color: @errorBorder;
  43. color: @errorText;
  44. }
  45. .alert-danger h4,
  46. .alert-error h4 {
  47. color: @errorText;
  48. }
  49. .alert-info {
  50. background-color: @infoBackground;
  51. border-color: @infoBorder;
  52. color: @infoText;
  53. }
  54. .alert-info h4 {
  55. color: @infoText;
  56. }
  57. // Block alerts
  58. // -------------------------
  59. .alert-block {
  60. padding-top: 14px;
  61. padding-bottom: 14px;
  62. }
  63. .alert-block > p,
  64. .alert-block > ul {
  65. margin-bottom: 0;
  66. }
  67. .alert-block p + p {
  68. margin-top: 5px;
  69. }