js-toaster/jsToaster.css

Agnostic and responsive notifications javascript module

.toast.svelte-l021am.svelte-l021am{position:relative;list-style:none;width:100%;min-height:80px;overflow:hidden;box-shadow:0 10px 15px rgba(0, 0, 0, .3);display:flex;background:var(--jstoaster-light);border-width:1px 1px 8px 1px;border-style:solid;border-color:var(--jstoaster-grey);font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:14PX;font-weight:400;color:var(--jstoaster-dark);border-radius:5px;flex-direction:column}.header.svelte-l021am.svelte-l021am{position:relative;display:flex;flex-direction:row;justify-content:space-between}.title.svelte-l021am.svelte-l021am{padding:5px;font-weight:600;font-size:15px}.message.svelte-l021am.svelte-l021am{display:flex;align-items:center;justify-content:left;padding:5px}.close.svelte-l021am.svelte-l021am{display:flex;justify-content:center;align-items:center;min-width:20px;height:20px;top:2px;cursor:pointer;right:2px;opacity:.7}.close.svelte-l021am.svelte-l021am::before,.close.svelte-l021am.svelte-l021am::after{position:absolute;content:'';width:3px;height:15px;background:var(--jstoaster-dark);border-radius:2px}.close.svelte-l021am.svelte-l021am::before{transform:rotate(45deg)}.close.svelte-l021am.svelte-l021am::after{transform:rotate(-45deg)}.toast.success.svelte-l021am.svelte-l021am{border-bottom-color:var(--jstoaster-success)}.toast.danger.svelte-l021am.svelte-l021am{border-bottom-color:var(--jstoaster-danger)}.toast.warning.svelte-l021am.svelte-l021am{border-bottom-color:var(--jstoaster-warning)}.toast.info.svelte-l021am.svelte-l021am{border-bottom-color:var(--jstoaster-info)}.dark.toast.svelte-l021am.svelte-l021am{background:var(--jstoaster-dark);color:var(--jstoaster-grey)}.dark.svelte-l021am .close.svelte-l021am::before,.dark.svelte-l021am .close.svelte-l021am::after{background:var(--jstoaster-grey)}@media(min-width: 576px){.toast.svelte-l021am.svelte-l021am{width:300px;border:1px solid var(--jstoaster-grey)}.toast.danger.svelte-l021am.svelte-l021am,.toast.warning.svelte-l021am.svelte-l021am,.toast.success.svelte-l021am.svelte-l021am,.toast.info.svelte-l021am.svelte-l021am{border-bottom-color:var(--jstoaster-grey)}.left.toast.svelte-l021am.svelte-l021am{border-right-width:8px;border-right-style:solid;justify-content:right;text-align:right}.left.svelte-l021am .header.svelte-l021am{flex-direction:row-reverse}.left.svelte-l021am .message.svelte-l021am{justify-content:right}.left.toast.success.svelte-l021am.svelte-l021am{border-right-color:var(--jstoaster-success)}.left.toast.danger.svelte-l021am.svelte-l021am{border-right-color:var(--jstoaster-danger)}.left.toast.warning.svelte-l021am.svelte-l021am{border-right-color:var(--jstoaster-warning)}.left.toast.info.svelte-l021am.svelte-l021am{border-right-color:var(--jstoaster-info)}.left.svelte-l021am .close.svelte-l021am{left:2px}.right.toast.svelte-l021am.svelte-l021am{border-left-width:8px;border-left-style:solid;justify-content:left;text-align:left}.right.toast.success.svelte-l021am.svelte-l021am{border-left-color:var(--jstoaster-success)}.right.toast.danger.svelte-l021am.svelte-l021am{border-left-color:var(--jstoaster-danger)}.right.toast.warning.svelte-l021am.svelte-l021am{border-left-color:var(--jstoaster-warning)}.right.toast.info.svelte-l021am.svelte-l021am{border-left-color:var(--jstoaster-info)}.right.svelte-l021am .close.svelte-l021am{right:2px}}.toast-list.svelte-1ajyjqe{position:relative;display:flex;row-gap:10px;margin:5px 10px;flex-direction:column}.hidden.svelte-1ajyjqe{display:none}@media(min-width: 576px){.toast-list.svelte-1ajyjqe{position:absolute;row-gap:20px;margin:10px}.top.svelte-1ajyjqe{top:0;flex-direction:column}.bottom.svelte-1ajyjqe{bottom:0;flex-direction:column-reverse}.left.svelte-1ajyjqe{left:0}.right.svelte-1ajyjqe{right:0}}:root{--jstoaster-danger:#dc3545;--jstoaster-success:#198754;--jstoaster-warning:#fd7e14;--jstoaster-info:#0d6efd;--jstoaster-light:#f6f6f6;--jstoaster-dark:#222;--jstoaster-grey:#ccc}body{min-height:100vh}.jstoaster.svelte-11ehapq{box-sizing:border-box;overflow:hidden;position:fixed;width:100%;height:calc(100% - var(--jstoaster-mob-margin-top) - var(--jstoaster-mob-margin-bottom));top:0;left:0;background-color:transparent;z-index:999999;margin:var(--jstoaster-mob-margin-top) 0 var(--jstoaster-mob-margin-bottom) 0;padding:0;display:flex;flex-direction:column;justify-content:flex-start}.jstoaster.bottom.svelte-11ehapq{justify-content:flex-end}.hidden.svelte-11ehapq{display:none}.jstoaster *{box-sizing:border-box;margin:0;padding:0}@media(min-width: 576px){.jstoaster.svelte-11ehapq{height:calc(100% - var(--jstoaster-margin-top) - var(--jstoaster-margin-bottom));margin:var(--jstoaster-margin-top) 0 var(--jstoaster-margin-bottom) 0}}