messages.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/components/messages.css
  2. 8.9.x core/themes/seven/css/classy/components/messages.css
  3. 8.9.x core/themes/claro/css/components/messages.css
  4. 8.9.x core/themes/bartik/css/components/messages.css
  5. 8.9.x core/themes/bartik/css/classy/components/messages.css
  6. 8.9.x core/themes/classy/css/components/messages.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/messages/messages.css
  2. 9 core/themes/olivero/css/components/messages.css
  3. 9 core/themes/seven/css/components/messages.css
  4. 9 core/themes/seven/css/classy/components/messages.css
  5. 9 core/themes/claro/css/components/messages.css
  6. 9 core/themes/bartik/css/components/messages.css
  7. 9 core/themes/bartik/css/classy/components/messages.css
  8. 9 core/themes/starterkit_theme/css/components/messages.css
  9. 9 core/themes/classy/css/components/messages.css
  10. 10 core/profiles/demo_umami/themes/umami/css/components/messages/messages.css
  11. 10 core/misc/dialog/off-canvas/css/messages.css
  12. 10 core/themes/olivero/css/components/messages.css
  13. 10 core/themes/claro/css/components/messages.css
  14. 10 core/themes/starterkit_theme/css/components/messages.css
  15. 11.x core/profiles/demo_umami/themes/umami/css/components/messages/messages.css
  16. 11.x core/misc/dialog/off-canvas/css/messages.css
  17. 11.x core/themes/olivero/css/components/messages.css
  18. 11.x core/themes/claro/css/components/messages.css
  19. 11.x core/themes/starterkit_theme/css/components/messages.css

Styles for system messages.

File

core/profiles/demo_umami/themes/umami/css/components/messages/messages.css

View source
  1. /**
  2. * @file
  3. * Styles for system messages.
  4. */
  5. .messages {
  6. margin-bottom: 1em;
  7. padding: 20px;
  8. word-wrap: break-word;
  9. color: inherit;
  10. overflow-wrap: break-word;
  11. }
  12. [dir="rtl"] .messages {
  13. text-align: right;
  14. background-position: right 10px top 17px;
  15. }
  16. .messages + .messages {
  17. margin-top: 1.538em;
  18. }
  19. .messages__content {
  20. padding-left: 24px; /* LTR */
  21. background: no-repeat 0 center; /* LTR */
  22. }
  23. [dir=rtl] .messages__content {
  24. padding-right: 24px;
  25. padding-left: 0;
  26. background-position: right;
  27. }
  28. .messages--status {
  29. border: 1px solid #cbdebc;
  30. background-color: #e6eee0;
  31. }
  32. .messages--status .messages__content {
  33. background-image: url(/core/misc/icons/73b355/check.svg);
  34. }
  35. .messages--warning {
  36. border: 1px solid #fae2a4;
  37. background-color: #fcf1d4;
  38. }
  39. .messages--warning .messages__content {
  40. background-image: url(/core/misc/icons/e29700/warning.svg);
  41. }
  42. .messages--error {
  43. border: 1px solid #f8c8d5;
  44. background-color: #f9e6eb;
  45. }
  46. .messages--error .messages__content {
  47. background-image: url(/core/misc/icons/e32700/error.svg);
  48. }
  49. .messages--error .error {
  50. color: inherit;
  51. }
  52. .messages a {
  53. color: #cc2a00;
  54. }
  55. .messages__list {
  56. margin: 0;
  57. padding: 0;
  58. list-style: none;
  59. }
  60. .messages__item + .messages__item {
  61. margin-top: 0.769em;
  62. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.