alerts.less 851 B

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