From 0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Date: Fri, 19 Jan 2024 09:16:42 +0000
Subject: Uses SCSS partials (#64)

---
 scss/base/_typography.scss | 72 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 scss/base/_typography.scss

(limited to 'scss/base/_typography.scss')

diff --git a/scss/base/_typography.scss b/scss/base/_typography.scss
new file mode 100644
index 0000000..4dd0afb
--- /dev/null
+++ b/scss/base/_typography.scss
@@ -0,0 +1,72 @@
+body {
+  font-family: var(--font-sans-serif);
+  font-size: var(--font-size-1);
+  font-weight: 400;
+  letter-spacing: 0.03rem;
+  line-height: 1.5;
+  word-wrap: break-word;
+  hyphens: auto;
+}
+
+h1 {
+  font-size: var(--font-size-5);
+}
+
+h1:not(:first-child) {
+  margin-block-start: var(--spacing-block-lg);
+}
+
+h2 {
+  font-size: var(--font-size-4);
+}
+
+h2:not(:first-child) {
+  margin-block-start: var(--spacing-block-lg);
+}
+
+h3 {
+  font-size: var(--font-size-3);
+}
+
+h3:not(:first-child) {
+  margin-block-start: var(--spacing-block-md);
+}
+
+h4 {
+  font-size: var(--font-size-2);
+}
+
+h4:not(:first-child) {
+  margin-block-start: var(--spacing-block-sm);
+}
+
+h1,
+h2,
+h3,
+h4 {
+  font-family: var(--font-serif);
+  font-weight: 700;
+  line-height: 1.15;
+  text-wrap: balance;
+}
+
+.title {
+  font-family: var(--font-serif);
+  font-size: var(--font-size-6);
+  font-weight: 700;
+  margin-block-start: var(--spacing-block-sm);
+  text-wrap: balance;
+}
+
+.title--small {
+  font-size: var(--font-size-2);
+  margin-block-start: 0;
+}
+
+:is(p, ol, ul):not(:first-child) {
+  margin-block-start: var(--spacing-block-sm);
+}
+
+:is(p, h1, h2, h3, h4) {
+  max-width: var(--width-prose);
+}
-- 
cgit v1.2.3