messages.css 1008 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /**
  2. * Messages.
  3. */
  4. .messages {
  5. margin: 0 0 20px 0;
  6. border: none;
  7. box-shadow: none;
  8. background-size: 16px;
  9. background-position: 16px 19px;
  10. background-repeat: no-repeat;
  11. padding: 15px 20px 15px 46px;
  12. line-height: 1.8;
  13. word-wrap: break-word;
  14. overflow-wrap: break-word;
  15. }
  16. .messages a {
  17. font-weight: 900;
  18. }
  19. .messages--error {
  20. border-color: #e32700;
  21. color: #e32700;
  22. background-color: #ffefef;
  23. background-image: url(../../images/icons/error.svg);
  24. }
  25. .messages--error a {
  26. color: #e32700;
  27. }
  28. .messages--warning {
  29. border-color: #e29700;
  30. color: #e29700;
  31. background-color: #f9f8e6;
  32. background-image: url(../../images/icons/warning.svg);
  33. }
  34. .messages--warning a {
  35. color: #e29700;
  36. }
  37. .messages--status {
  38. border-color: #2fb419;
  39. color: #2fb419;
  40. background-color: #e8f9e6;
  41. background-image: url(../../images/icons/check.svg);
  42. }
  43. .messages--status a {
  44. color: #2fb419;
  45. }
  46. .messages h2 {
  47. display: none;
  48. }
  49. .messages ul {
  50. margin: 0;
  51. padding: 0;
  52. list-style: none;
  53. }