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 {
|
||||
--anchor-background: #bbb;
|
||||
--anchor-text: #f00;
|
||||
|
@ -60,9 +63,10 @@ html {
|
|||
body {
|
||||
background-color: var(--body-background);
|
||||
color: var(--body-text);
|
||||
margin-block-start: .5em;
|
||||
margin-block-start: var(--margin);
|
||||
margin-inline: auto;
|
||||
max-inline-size: 108ch;
|
||||
min-block-size: calc(100svh - var(--margin));
|
||||
}
|
||||
|
||||
a:hover, h2, h3, header {
|
||||
|
|
|
@ -14,8 +14,16 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
hanging-punctuation: first last;
|
||||
min-block-size: 100svh;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
figcaption,
|
||||
li,
|
||||
p {
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue