qenya/kortirion.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Improve vertical rhythm

Browse source
This commit is contained in:
Katherina Walshe-Grey 2025-02-12 19:46:49 +00:00
parent 2909d095ca
commit 7f370593fc
1 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
style.css
View file

@ -21,28 +21,34 @@
} }
} }
html {
font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
font-size: 1.25rem;
font-size-adjust: 0.4;
line-height: 1.3rem;
}
body { body {
counter-reset: section; counter-reset: section;
margin: 8rem 1rem; margin: 7.8rem 1.3rem;
background-color: #f9f9ef; background-color: #f9f9ef;
font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; }
font-size-adjust: 0.5;
h1, h2 {
text-align: center;
font-weight: normal;
margin: 1.95rem 0 0.65rem;
line-height: 2.6rem;
} }
h1 { h1 {
text-align: center;
font-size: 2.0625rem; font-size: 2.0625rem;
font-weight: normal;
color: #ce5e46; color: #ce5e46;
margin: 4rem 0 2rem;
} }
h2 { h2 {
text-align: center;
font-size: 1.5625rem; font-size: 1.5625rem;
font-weight: normal;
font-style: italic; font-style: italic;
margin: 2rem 0 1rem;
} }
h2::before { h2::before {
@ -51,17 +57,17 @@ h2::before {
display: block; display: block;
font-style: normal; font-style: normal;
font-variant-caps: all-small-caps; font-variant-caps: all-small-caps;
margin-bottom: 0.5rem;
} }
.section { .section {
max-width: 33rem; max-width: 55ch;
margin: 2rem auto; margin: 0 auto;
} }
.verse { .verse {
max-width: 28rem; max-width: 47ch; /* Through the wood’s sunny aisles and tree-propped halls */
margin-left: auto; margin-left: auto;
margin-bottom: 1.3rem;
font-variant-alternates: swash(fancy); font-variant-alternates: swash(fancy);
} }