semantic-ui-toast
Version:
Show toasts styled with Semantic UI CSS
20 lines (19 loc) • 406 B
CSS
.toast-container {
max-width: 600px;
position: absolute;
top: 20px;
right: 20px;
width: 250px;
}
.toast-container .toast {
opacity: 0;
transition: opacity 0.3s ease-in-out;
cursor: pointer;
}
.toast-container .toast.active {
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
.toast-container .ui.icon.message > .icon:not(.close) {
font-size: 1.25em ;
}