Sha256: 7db63191e9ee88dc63166ae25f8734642ea9af4bf70943a0e6124f2a56262a95
Contents?: true
Size: 1.03 KB
Versions: 4
Compression:
Stored size: 1.03 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.610, 0.355, 1.000);
animation-fill-mode: forwards;
&.error {
background: var(--red);
}
&.fadeout {
animation-duration: 300ms;
animation-name: toast-disappear;
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
}
}
@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
4 entries across 4 versions & 1 rubygems