Sha256: 1ce4633f336e882ba4ff32c6b42a0c237c8d9055dac0b35734efd7d810dc1736
Contents?: true
Size: 1.02 KB
Versions: 5
Compression:
Stored size: 1.02 KB
Contents
.toast-wrapper {
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
overflow: hidden;
z-index: 200;
& .toast {
font-size: 14px;
display: inline-block;
background: var(--background-invert-color);
color: white;
margin: 20px auto 0px auto;
padding: 15px 30px;
min-width: 50%;
text-align: left;
animation-duration: 500ms;
animation-name: toast-appear;
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-fill-mode: forwards;
&.error {
background: var(--red);
}
&.fadeout {
animation-duration: 300ms;
animation-name: toast-disappear;
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
}
}
@keyframes toast-appear {
from {
transform: translateZ(0px) translateY(60px);
}
to {
transform: translateZ(0px) translateY(0px);
}
}
@keyframes toast-disappear {
from {
transform: translateZ(0px) translateY(0px);
}
to {
transform: translateZ(0px) translateY(60px);
}
}
Version data entries
5 entries across 5 versions & 1 rubygems