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

Explicitly scope swashes to headings

Browse source
This commit is contained in:
Katherina Walshe-Grey 2025-02-12 23:54:40 +00:00
parent eea2e5cff7
commit 815792cd16
1 changed files with 15 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

33
style.css
View file

@ -24,7 +24,6 @@ html {
font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
font-size: 1.25rem; font-size: 1.25rem;
font-size-adjust: 0.4; font-size-adjust: 0.4;
font-variant-alternates: swash(fancy);
line-height: 1.3rem; line-height: 1.3rem;
color: #333; color: #333;
background-color: #f9f9ef; background-color: #f9f9ef;
@ -36,11 +35,16 @@ body {
margin: 7.8rem 1.3rem; margin: 7.8rem 1.3rem;
} }
main {
max-width: 40ch;
margin: 0 auto;
}
h1, h2 { h1, h2 {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
margin: 1.95rem 0 0.65rem;
line-height: 2.6rem; line-height: 2.6rem;
margin: 1.95rem 0 0.65rem;
} }
h1 { h1 {
@ -51,6 +55,7 @@ h1 {
h2 { h2 {
font-size: 1.5625rem; font-size: 1.5625rem;
font-style: italic; font-style: italic;
font-variant-alternates: swash(fancy);
} }
h2::before { h2::before {
@ -70,17 +75,16 @@ h2::before {
padding-left: 1em; padding-left: 1em;
} }
/* FIXME: These should be specified in ch units in case the webfont doesn't load, .author {
* but using ch units somehow breaks the OpenType features. text-align: center;
* ...but only in Firefox, and not on Mac. Possibly a Gecko bug? font-variant-caps: all-small-caps;
*/ font-variant-numeric: oldstyle-nums;
margin-top: 3.9rem;
main {
max-width: 19.2rem; /* 40ch */
margin: 0 auto;
} }
@media (min-width: 33.6rem) /* 70ch */ { /* Long lines: allow to overflow the column unless they would go offscreen altogether */
@media (min-width: 70ch) {
main { main {
text-wrap: nowrap; text-wrap: nowrap;
} }
@ -91,10 +95,3 @@ main {
margin-left: 2em; margin-left: 2em;
text-indent: -2em; text-indent: -2em;
} }
.author {
text-align: center;
font-variant-caps: all-small-caps;
font-variant-numeric: oldstyle-nums;
margin-top: 3.9rem;
}