Files
fizzy/app/assets/stylesheets/layout.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

36 lines
629 B
CSS

@layer base {
body {
display: grid;
grid-template-rows: auto 1fr auto 9em;
&.public {
grid-template-rows: auto 1fr auto;
}
}
:where(#main) {
inline-size: 100dvw;
margin-inline: auto;
max-inline-size: 100dvw;
padding-inline:
calc(var(--main-padding) + env(safe-area-inset-left))
calc(var(--main-padding) + env(safe-area-inset-right));
text-align: center;
}
:where(#footer) {
max-inline-size: 100dvw;
}
:where(#header) {
position: relative;
z-index: var(--z-nav);
}
:is(#header, #footer) {
@media print {
display: none;
}
}
}