Files
fizzy/app/assets/stylesheets/dividers.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
525 B
CSS

@layer components {
.divider {
--divider-color: var(--color-ink-light);
align-items: center;
display: flex;
gap: var(--inline-space);
&:before,
&:after {
background: var(--divider-color);
block-size: var(--divider-size, 1px);
content: "";
flex: 1;
}
}
.divider--fade {
&:before { background: linear-gradient(to right, transparent, var(--divider-color) 50%); }
&:after { background: linear-gradient(to left, transparent, var(--divider-color) 50%); }
}
}