css/svh
This commit is contained in:
parent
5308fb054b
commit
8d04ea7501
2 changed files with 13 additions and 1 deletions
|
@ -1,3 +1,6 @@
|
||||||
|
:root {
|
||||||
|
--margin: .5rem;
|
||||||
|
}
|
||||||
:root {
|
:root {
|
||||||
--anchor-background: #bbb;
|
--anchor-background: #bbb;
|
||||||
--anchor-text: #f00;
|
--anchor-text: #f00;
|
||||||
|
@ -60,9 +63,10 @@ html {
|
||||||
body {
|
body {
|
||||||
background-color: var(--body-background);
|
background-color: var(--body-background);
|
||||||
color: var(--body-text);
|
color: var(--body-text);
|
||||||
margin-block-start: .5em;
|
margin-block-start: var(--margin);
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
max-inline-size: 108ch;
|
max-inline-size: 108ch;
|
||||||
|
min-block-size: calc(100svh - var(--margin));
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover, h2, h3, header {
|
a:hover, h2, h3, header {
|
||||||
|
|
|
@ -14,8 +14,16 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
hanging-punctuation: first last;
|
||||||
|
min-block-size: 100svh;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
text-wrap: balance;
|
text-wrap: balance;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figcaption,
|
||||||
|
li,
|
||||||
|
p {
|
||||||
|
text-wrap: pretty;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue