toastify.css 1.4 KB

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