Adrien Maston
48 lines
916 B
CSS
48 lines
916 B
CSS
@layer base {
|
|
body {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto 9em;
|
|
|
|
&.public {
|
|
grid-template-rows: auto 1fr auto;
|
|
}
|
|
|
|
&.compact-on-touch {
|
|
@media (any-hover: none) {
|
|
grid-template-rows: auto 1fr auto;
|
|
min-height: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Required for the card column page on mobile, but not needed otherwise */
|
|
:where(#global-container) {
|
|
display: contents;
|
|
}
|
|
|
|
:where(#header) {
|
|
position: relative;
|
|
z-index: var(--z-nav);
|
|
}
|
|
|
|
:where(#main) {
|
|
inline-size: 100dvw;
|
|
margin-inline: auto;
|
|
max-inline-size: 100dvw;
|
|
padding-inline:
|
|
calc(var(--main-padding) + var(--custom-safe-inset-left))
|
|
calc(var(--main-padding) + var(--custom-safe-inset-right));
|
|
text-align: center;
|
|
}
|
|
|
|
:where(#footer) {
|
|
max-inline-size: 100dvw;
|
|
}
|
|
|
|
:is(#header, #footer) {
|
|
@media print {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|