alerts.less 867 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Misago alerts
  2. // -------------------------
  3. .alerts-global {
  4. margin-top: 16px;
  5. }
  6. .alert-form {
  7. margin: 0px;
  8. margin-bottom: 16px;
  9. p {
  10. font-weight: normal;
  11. }
  12. }
  13. .alert-inline {
  14. margin: 0px;
  15. padding: 0px;
  16. }
  17. // Alerts icons
  18. // -------------------------
  19. .alert-icon {
  20. float: left;
  21. span {
  22. .border-radius(2px);
  23. padding: 1px 2px;
  24. }
  25. }
  26. .alert .alert-icon span {
  27. background: @orange;
  28. }
  29. .alert-error .alert-icon span {
  30. background: @red;
  31. }
  32. .alert-success .alert-icon span {
  33. background: @green;
  34. }
  35. .alert-info .alert-icon span {
  36. background: @blue;
  37. }
  38. // Alerts paddings
  39. // -------------------------
  40. .alert {
  41. padding: 10px 11px;
  42. p {
  43. margin-left: 28px;
  44. }
  45. p:last-child {
  46. margin-bottom: 0px;
  47. }
  48. p.protip {
  49. font-size: 100%;
  50. }
  51. }