Improve vertical rhythm
This commit is contained in:
parent
2909d095ca
commit
7f370593fc
32
style.css
32
style.css
|
@ -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 {
|
||||
counter-reset: section;
|
||||
margin: 8rem 1rem;
|
||||
margin: 7.8rem 1.3rem;
|
||||
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 {
|
||||
text-align: center;
|
||||
font-size: 2.0625rem;
|
||||
font-weight: normal;
|
||||
color: #ce5e46;
|
||||
margin: 4rem 0 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 1.5625rem;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin: 2rem 0 1rem;
|
||||
}
|
||||
|
||||
h2::before {
|
||||
|
@ -51,17 +57,17 @@ h2::before {
|
|||
display: block;
|
||||
font-style: normal;
|
||||
font-variant-caps: all-small-caps;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
max-width: 33rem;
|
||||
margin: 2rem auto;
|
||||
max-width: 55ch;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.verse {
|
||||
max-width: 28rem;
|
||||
max-width: 47ch; /* Through the wood’s sunny aisles and tree-propped halls */
|
||||
margin-left: auto;
|
||||
margin-bottom: 1.3rem;
|
||||
font-variant-alternates: swash(fancy);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue