toast.scss 990 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .toastify.toast {
  2. min-width: 200px;
  3. background: none;
  4. background-color: var(--color-main-background);
  5. color: var(--color-main-text);
  6. box-shadow: 0 0 6px 0 var(--color-box-shadow);
  7. padding: 12px;
  8. padding-right: 34px;
  9. margin-top: 45px;
  10. position: absolute;
  11. z-index: 9000;
  12. border-radius: var(--border-radius);
  13. .toast-close {
  14. position: absolute;
  15. top: 0;
  16. right: 0;
  17. width: 38px;
  18. opacity: 0.4;
  19. padding: 12px;
  20. @include icon-color('close', 'actions', $color-black, 2, true);
  21. background-position: center;
  22. background-repeat: no-repeat;
  23. text-indent: 200%;
  24. white-space: nowrap;
  25. overflow: hidden;
  26. &:hover, &:focus, &:active {
  27. cursor: pointer;
  28. opacity: 1;
  29. }
  30. }
  31. }
  32. .toastify.toastify-top {
  33. right: 10px;
  34. }
  35. .toast-error {
  36. border-left: 3px solid var(--color-error);
  37. }
  38. .toast-info {
  39. border-left: 3px solid var(--color-primary);
  40. }
  41. .toast-warning {
  42. border-left: 3px solid var(--color-warning);
  43. }
  44. .toast-success {
  45. border-left: 3px solid var(--color-success);
  46. }