UNPKG

react-toastify

Version:

React notification made easy

github.com/fkhadra/react-toastify

fkhadra/react-toastify

1 lines • 14.1 kB
1
{"version":3,"sources":["ReactToastify.css"],"names":[],"mappings":"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","file":"ReactToastify.css","sourcesContent":[".Toastify__toast-container {\n z-index: 9999;\n position: fixed;\n padding: 4px;\n width: 320px;\n box-sizing: border-box;\n color: #fff; }\n .Toastify__toast-container--top-left {\n top: 1em;\n left: 1em; }\n .Toastify__toast-container--top-center {\n top: 1em;\n left: 50%;\n margin-left: -160px; }\n .Toastify__toast-container--top-right {\n top: 1em;\n right: 1em; }\n .Toastify__toast-container--bottom-left {\n bottom: 1em;\n left: 1em; }\n .Toastify__toast-container--bottom-center {\n bottom: 1em;\n left: 50%;\n margin-left: -160px; }\n .Toastify__toast-container--bottom-right {\n bottom: 1em;\n right: 1em; }\n\n@media only screen and (max-width: 480px) {\n .Toastify__toast-container {\n width: 100vw;\n padding: 0;\n left: 0;\n margin: 0; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {\n top: 0; }\n .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {\n bottom: 0; }\n .Toastify__toast-container--rtl {\n right: 0;\n left: initial; } }\n\n.Toastify__toast {\n position: relative;\n min-height: 64px;\n box-sizing: border-box;\n margin-bottom: 1rem;\n padding: 8px;\n border-radius: 1px;\n box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n display: flex;\n justify-content: space-between;\n max-height: 800px;\n overflow: hidden;\n font-family: sans-serif;\n cursor: pointer;\n direction: ltr; }\n .Toastify__toast--rtl {\n direction: rtl; }\n .Toastify__toast--default {\n background: #fff;\n color: #aaa; }\n .Toastify__toast--info {\n background: #3498db; }\n .Toastify__toast--success {\n background: #07bc0c; }\n .Toastify__toast--warning {\n background: #f1c40f; }\n .Toastify__toast--error {\n background: #e74c3c; }\n .Toastify__toast-body {\n margin: auto 0;\n flex: 1; }\n\n@media only screen and (max-width: 480px) {\n .Toastify__toast {\n margin-bottom: 0; } }\n\n.Toastify__close-button {\n color: #fff;\n font-weight: bold;\n font-size: 14px;\n background: transparent;\n outline: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.7;\n transition: 0.3s ease;\n align-self: flex-start; }\n .Toastify__close-button--default {\n color: #000;\n opacity: 0.3; }\n .Toastify__close-button:hover, .Toastify__close-button:focus {\n opacity: 1; }\n\n@keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1); }\n 100% {\n transform: scaleX(0); } }\n\n.Toastify__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n z-index: 9999;\n opacity: 0.7;\n background-color: rgba(255, 255, 255, 0.7);\n transform-origin: left; }\n .Toastify__progress-bar--animated {\n animation: Toastify__trackProgress linear 1 forwards; }\n .Toastify__progress-bar--controlled {\n transition: transform .2s; }\n .Toastify__progress-bar--rtl {\n right: 0;\n left: initial;\n transform-origin: right; }\n .Toastify__progress-bar--default {\n background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }\n\n@keyframes Toastify__bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0); }\n 75% {\n transform: translate3d(10px, 0, 0); }\n 90% {\n transform: translate3d(-5px, 0, 0); }\n to {\n transform: none; } }\n\n@keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes Toastify__bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0); }\n 75% {\n transform: translate3d(-10px, 0, 0); }\n 90% {\n transform: translate3d(5px, 0, 0); }\n to {\n transform: none; } }\n\n@keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes Toastify__bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0); }\n 75% {\n transform: translate3d(0, 10px, 0); }\n 90% {\n transform: translate3d(0, -5px, 0); }\n to {\n transform: translate3d(0, 0, 0); } }\n\n@keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, -10px, 0); }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes Toastify__bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0); }\n 75% {\n transform: translate3d(0, -10px, 0); }\n 90% {\n transform: translate3d(0, 5px, 0); }\n to {\n transform: none; } }\n\n@keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, 10px, 0); }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0); } }\n\n.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {\n animation-name: Toastify__bounceInLeft; }\n\n.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {\n animation-name: Toastify__bounceInRight; }\n\n.Toastify__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown; }\n\n.Toastify__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp; }\n\n.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {\n animation-name: Toastify__bounceOutLeft; }\n\n.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {\n animation-name: Toastify__bounceOutRight; }\n\n.Toastify__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp; }\n\n.Toastify__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown; }\n\n@keyframes Toastify__zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes Toastify__zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.Toastify__zoom-enter {\n animation-name: Toastify__zoomIn; }\n\n.Toastify__zoom-exit {\n animation-name: Toastify__zoomOut; }\n\n@keyframes Toastify__flipIn {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in; }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n transform: perspective(400px); } }\n\n@keyframes Toastify__flipOut {\n from {\n transform: perspective(400px); }\n 30% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.Toastify__flip-enter {\n animation-name: Toastify__flipIn; }\n\n.Toastify__flip-exit {\n animation-name: Toastify__flipOut; }\n\n@keyframes Toastify__slideInRight {\n from {\n transform: translate3d(110%, 0, 0);\n visibility: visible; }\n to {\n transform: translate3d(0, 0, 0); } }\n\n@keyframes Toastify__slideInLeft {\n from {\n transform: translate3d(-110%, 0, 0);\n visibility: visible; }\n to {\n transform: translate3d(0, 0, 0); } }\n\n@keyframes Toastify__slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible; }\n to {\n transform: translate3d(0, 0, 0); } }\n\n@keyframes Toastify__slideInDown {\n from {\n transform: translate3d(0, -110%, 0);\n visibility: visible; }\n to {\n transform: translate3d(0, 0, 0); } }\n\n@keyframes Toastify__slideOutRight {\n from {\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n transform: translate3d(110%, 0, 0); } }\n\n@keyframes Toastify__slideOutLeft {\n from {\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n transform: translate3d(-110%, 0, 0); } }\n\n@keyframes Toastify__slideOutDown {\n from {\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0); } }\n\n@keyframes Toastify__slideOutUp {\n from {\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0); } }\n\n.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {\n animation-name: Toastify__slideInLeft; }\n\n.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {\n animation-name: Toastify__slideInRight; }\n\n.Toastify__slide-enter--top-center {\n animation-name: Toastify__slideInDown; }\n\n.Toastify__slide-enter--bottom-center {\n animation-name: Toastify__slideInUp; }\n\n.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {\n animation-name: Toastify__slideOutLeft; }\n\n.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {\n animation-name: Toastify__slideOutRight; }\n\n.Toastify__slide-exit--top-center {\n animation-name: Toastify__slideOutUp; }\n\n.Toastify__slide-exit--bottom-center {\n animation-name: Toastify__slideOutDown; }\n"]}