minor typography changes (#1083)

This commit is contained in:
Fred K. Schott 2021-08-12 14:50:50 -07:00
parent 3d9bb2f910
commit eb02a27231

View file

@ -36,7 +36,7 @@ nav ul {
} }
.content > section > * + * { .content > section > * + * {
margin-top: 1rem; margin-top: 1.25rem;
} }
.content > section > :first-child { .content > section > :first-child {
@ -44,13 +44,13 @@ nav ul {
} }
/* Typography */ /* Typography */
:is(h1, h2, h3, h4, h5, h6) { h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem; margin-bottom: 1rem;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
} }
:is(h1, h2) { h1, h2 {
max-width: 40ch; max-width: 40ch;
} }
@ -58,39 +58,37 @@ nav ul {
margin-top: 3rem; margin-top: 3rem;
} }
:is(h4, h5, h6):not(:first-child) {
margin-top: 2rem;
}
h1 { h1 {
font-size: 2.25rem; font-size: 3.25rem;
font-weight: 800;
} }
h2 { h2 {
font-size: 1.5rem; font-size: 2.5rem;
} }
h3 { h3 {
font-size: 1.125rem; font-size: 1.75rem;
} }
h4 { h4 {
font-size: 1rem; font-size: 1.3rem;
} }
h5 { h5 {
font-size: 0.8rem; font-size: 1rem;
} }
@media (min-width: 50em) { p {
h1 { line-height: 1.65em;
font-size: 3.25rem; }
font-weight: 800;
}
h2 { .content ul {
font-size: 2rem; line-height: 1.1em;
}
h3 {
font-size: 1.25rem;
}
} }
p, p,