| 1 | $rt-namespace: 'Toastify';
|
| 2 | $rt-mobile: 'only screen and (max-width : 480px)' !default;
|
| 3 |
|
| 4 | :root {
|
| 5 | --toastify-color-light: #fff;
|
| 6 | --toastify-color-dark: #121212;
|
| 7 | --toastify-color-info: #3498db;
|
| 8 | --toastify-color-success: #07bc0c;
|
| 9 | --toastify-color-warning: #f1c40f;
|
| 10 | --toastify-color-error: #e74c3c;
|
| 11 | --toastify-color-transparent: rgba(255, 255, 255, 0.7);
|
| 12 |
|
| 13 | --toastify-icon-color-info: var(--toastify-color-info);
|
| 14 | --toastify-icon-color-success: var(--toastify-color-success);
|
| 15 | --toastify-icon-color-warning: var(--toastify-color-warning);
|
| 16 | --toastify-icon-color-error: var(--toastify-color-error);
|
| 17 |
|
| 18 | --toastify-toast-width: 320px;
|
| 19 | --toastify-toast-background: #fff;
|
| 20 | --toastify-toast-min-height: 64px;
|
| 21 | --toastify-toast-max-height: 800px;
|
| 22 | --toastify-font-family: sans-serif;
|
| 23 | --toastify-z-index: 9999;
|
| 24 |
|
| 25 | --toastify-text-color-light: #757575;
|
| 26 | --toastify-text-color-dark: #fff;
|
| 27 |
|
| 28 |
|
| 29 | --toastify-text-color-info: #fff;
|
| 30 | --toastify-text-color-success: #fff;
|
| 31 | --toastify-text-color-warning: #fff;
|
| 32 | --toastify-text-color-error: #fff;
|
| 33 |
|
| 34 | --toastify-spinner-color: #616161;
|
| 35 | --toastify-spinner-color-empty-area: #e0e0e0;
|
| 36 |
|
| 37 |
|
| 38 | --toastify-color-progress-light: linear-gradient(
|
| 39 | to right,
|
| 40 | #4cd964,
|
| 41 | #5ac8fa,
|
| 42 | #007aff,
|
| 43 | #34aadc,
|
| 44 | #5856d6,
|
| 45 | #ff2d55
|
| 46 | );
|
| 47 |
|
| 48 | --toastify-color-progress-dark: #bb86fc;
|
| 49 | --toastify-color-progress-info: var(--toastify-color-info);
|
| 50 | --toastify-color-progress-success: var(--toastify-color-success);
|
| 51 | --toastify-color-progress-warning: var(--toastify-color-warning);
|
| 52 | --toastify-color-progress-error: var(--toastify-color-error);
|
| 53 | }
|