Files
fizzy/app/assets/stylesheets/flash.css
T
Jorge Manrubia 0278fe6ae4 Revert "Mobile app / Scoped stylesheets" (#1698)
This reverts commit 39c1906e67.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-16 17:20:18 +01:00

23 lines
568 B
CSS

@layer components {
.flash {
display: flex;
inset-block-start: var(--block-space);
inset-inline-start: 50%;
justify-content: center;
position: fixed;
transform: translate(-50%);
z-index: var(--z-flash);
}
.flash__inner {
animation: appear-then-fade 3s 300ms both;
background-color: var(--flash-background, var(--color-ink));
border-radius: 4em;
color: var(--flash-color, var(--color-ink-inverted));
display: inline-flex;
font-size: var(--font-size-medium);
margin: 0 auto;
padding: 0.7em 1.4em;
}
}