ui/assets/css/toastify.css

   1 /*!
   2  * Toastify js 1.6.2
   3  * https://github.com/apvarun/toastify-js
   4  * @license MIT licensed
   5  *
   6  * Copyright (C) 2018 Varun A P
   7  */
   8
   9 .toastify {
  10     padding: 12px 20px;
  11     color: #ffffff;
  12     display: inline-block;
  13     box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  14     background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  15     background: linear-gradient(135deg, #73a5ff, #5477f5);
  16     position: fixed;
  17     opacity: 0;
  18     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  19     border-radius: 2px;
  20     cursor: pointer;
  21     text-decoration: none;
  22     max-width: calc(50% - 20px);
  23     z-index: 2147483647;
  24 }
  25
  26 .toastify.on {
  27     opacity: 1;
  28 }
  29
  30 .toast-close {
  31     opacity: 0.4;
  32     padding: 0 5px;
  33 }
  34
  35 .toastify-right {
  36     right: 15px;
  37 }
  38
  39 .toastify-left {
  40     left: 15px;
  41 }
  42
  43 .toastify-top {
  44     top: -150px;
  45 }
  46
  47 .toastify-bottom {
  48     bottom: -150px;
  49 }
  50
  51 .toastify-rounded {
  52     border-radius: 25px;
  53 }
  54
  55 .toastify-avatar {
  56     width: 1.5em;
  57     height: 1.5em;
  58     margin: 0 5px;
  59     border-radius: 2px;
  60 }
  61
  62 .toastify-center {
  63     margin-left: auto;
  64     margin-right: auto;
  65     left: 0;
  66     right: 0;
  67     max-width: fit-content;
  68 }
  69
  70 @media only screen and (max-width: 360px) {
  71     .toastify-right, .toastify-left {
  72         margin-left: auto;
  73         margin-right: auto;
  74         left: 0;
  75         right: 0;
  76         max-width: fit-content;
  77     }
  78 }