Sha256: 4976714d880babdd6ef3e6fc9dbc67bb743ecd61f3aa8b422e0aad77e071bb6c
Contents?: true
Size: 990 Bytes
Versions: 8
Compression:
Stored size: 990 Bytes
Contents
.flash {
align-items: center;
animation: appear-then-fade 4s 300ms both;
backdrop-filter: var(--blur) var(--contrast-75);
background-color: rgb(from var(--color-text) r g b / .65);
border-radius: var(--rounded-full);
color: var(--color-text-reversed);
display: flex;
gap: var(--size-2);
justify-content: center;
line-height: var(--leading-none);
margin-block-start: var(--flash-position, 0);
margin-inline: auto;
min-block-size: var(--size-11);
padding: var(--size-1) var(--size-4);
text-align: center;
[data-turbo-preview] & {
display: none;
}
@media (width >= 40rem) {
font-size: var(--text-lg);
}
@media (width >= 64rem) {
font-size: var(--text-xl);
}
}
.flash--extended {
animation-name: appear-then-fade-extended;
animation-duration: 12s;
}
@keyframes appear-then-fade {
0%, 100% { opacity: 0; }
5%, 60% { opacity: 1; }
}
@keyframes appear-then-fade-extended {
0%, 100% { opacity: 0; }
2%, 90% { opacity: 1; }
}
Version data entries
8 entries across 8 versions & 1 rubygems