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;
} }
h1 { :is(h4, h5, h6):not(:first-child) {
font-size: 2.25rem; margin-top: 2rem;
} }
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.125rem;
}
h4 {
font-size: 1rem;
}
h5 {
font-size: 0.8rem;
}
@media (min-width: 50em) {
h1 { h1 {
font-size: 3.25rem; font-size: 3.25rem;
font-weight: 800; font-weight: 800;
} }
h2 { h2 {
font-size: 2rem; font-size: 2.5rem;
} }
h3 { h3 {
font-size: 1.25rem; font-size: 1.75rem;
} }
h4 {
font-size: 1.3rem;
}
h5 {
font-size: 1rem;
}
p {
line-height: 1.65em;
}
.content ul {
line-height: 1.1em;
} }
p, p,