malte70/hugo-paper
1
0
Fork 0
Code Activity

add safe bottom

Browse source
This commit is contained in:
nanxiaobei 2021-08-24 11:17:46 +08:00
parent d823d5cd5f
commit 0c6cec303c
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/app.css
View file

@ -15,11 +15,25 @@
--narrow: 80rem; --narrow: 80rem;
--side: calc((var(--wide) - var(--narrow)) / 2); --side: calc((var(--wide) - var(--narrow)) / 2);
--header: 8rem; --header: 8rem;
--footer: 8rem; --footer: calc(8rem + var(--safe-bottom));
--light: 255, 255, 255; --light: 255, 255, 255;
--dark: 22, 22, 22; --dark: 22, 22, 22;
--hljs-bg: #111; --hljs-bg: #111;
--safe-bottom: 0;
}
@supports (bottom: constant(safe-area-inset-bottom)) {
:root {
--safe-bottom: constant(safe-area-inset-bottom);
}
}
@supports (bottom: env(safe-area-inset-bottom)) {
:root {
--safe-bottom: env(safe-area-inset-bottom);
}
} }
.dark { .dark {
@ -634,6 +648,7 @@ img {
justify-content: center; justify-content: center;
max-width: var(--narrow); max-width: var(--narrow);
height: var(--footer); height: var(--footer);
padding-bottom: var(--safe-bottom);
margin-top: auto; margin-top: auto;
font-size: 1.6rem; font-size: 1.6rem;
color: var(--lit); color: var(--lit);