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;
  21 }
  22 .messages--status {
  23   background-color: #e6eee0;
  24 }
  25 .messages--status .messages__content {
  26   background-image: url(/core/misc/icons/73b355/check.svg);
  27 }
  28 .messages--warning {
  29   background-color: #fcf1d4;
  30 }
  31 .messages--warning .messages__content {
  32   background-image: url(/core/misc/icons/e29700/warning.svg);
  33 }
  34 .messages--error {
  35   background-color: #f9e6eb;
  36 }
  37 .messages--error .messages__content {
  38   background-image: url(/core/misc/icons/e32700/error.svg);
  39 }
  40 .messages--error .error {
  41   color: inherit;
  42 }
  43 .messages a {
  44   color: #cc2a00;
  45 }
  46 .messages__list {
  47   list-style: none;
  48   padding: 0;
  49   margin: 0;
  50 }
  51 .messages__item {
  52   margin-left: 24px;
  53 }
  54 .messages__item + .messages__item {
  55   margin-top: 0.769em;
  56 }