From cfc72ae17db9ed6b4f52fd8321c3e50a671ebe30 Mon Sep 17 00:00:00 2001
From: "Fred K. Schott" <fkschott@gmail.com>
Date: Thu, 12 Aug 2021 14:50:50 -0700
Subject: [PATCH] minor typography changes (#1083)
---
docs/public/index.css | 38 ++++++++++++++++++--------------------
1 file changed, 18 insertions(+), 20 deletions(-)
diff --git a/docs/public/index.css b/docs/public/index.css
index abd3b5e984..37355f297f 100644
--- a/docs/public/index.css
+++ b/docs/public/index.css
@@ -36,7 +36,7 @@ nav ul {
}
.content > section > * + * {
- margin-top: 1rem;
+ margin-top: 1.25rem;
}
.content > section > :first-child {
@@ -44,13 +44,13 @@ nav ul {
}
/* Typography */
-:is(h1, h2, h3, h4, h5, h6) {
+h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem;
font-weight: bold;
line-height: 1;
}
-:is(h1, h2) {
+h1, h2 {
max-width: 40ch;
}
@@ -58,39 +58,37 @@ nav ul {
margin-top: 3rem;
}
+:is(h4, h5, h6):not(:first-child) {
+ margin-top: 2rem;
+}
+
h1 {
- font-size: 2.25rem;
+ font-size: 3.25rem;
+ font-weight: 800;
}
h2 {
- font-size: 1.5rem;
+ font-size: 2.5rem;
}
h3 {
- font-size: 1.125rem;
+ font-size: 1.75rem;
}
h4 {
- font-size: 1rem;
+ font-size: 1.3rem;
}
h5 {
- font-size: 0.8rem;
+ font-size: 1rem;
}
-@media (min-width: 50em) {
- h1 {
- font-size: 3.25rem;
- font-weight: 800;
- }
+p {
+ line-height: 1.65em;
+}
- h2 {
- font-size: 2rem;
- }
-
- h3 {
- font-size: 1.25rem;
- }
+.content ul {
+ line-height: 1.1em;
}
p,