www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/messages/messages.css

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