more extras

extras/typography/spacious.css

@@ -0,0 +1,54 @@
+
+:root {
+	font-size: 16px;
+}
+
+@media (max-width: 400px) {
+	:root {
+		font-size: 14px;
+	}
+}
+
+@media (min-width: 1600px) or (min-height: 1600px) {
+	:root {
+		font-size: calc(12px + 100vw / 400);
+	}
+}
+
+@media print {
+	:root {
+		font-size: 12px;
+	}
+}
+
+
+
+
+/* ===== Headings ===== */
+
+h2 {
+	margin-block: 4rem 1rem;
+}
+
+
+
+
+
+/* ===== Paragraphs ===== */
+
+p {
+	line-height: 1.75;
+	margin-block: 1.25rem;
+}
+
+
+
+
+
+
+/* ===== Lists ===== */
+
+li {
+	line-height: 1.75;
+	margin-block: 0.5rem;
+}