From 14eff2bd8aa73cac517aaa360eb07981d106fed2 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Fri, 18 Aug 2023 20:48:35 +0100 Subject: Adds base typography --- public/css/base/typography.css | 46 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 public/css/base/typography.css (limited to 'public/css/base/typography.css') diff --git a/public/css/base/typography.css b/public/css/base/typography.css new file mode 100644 index 0000000..4f33d86 --- /dev/null +++ b/public/css/base/typography.css @@ -0,0 +1,46 @@ +:root { + font-family: var(--font-sans-serif); + font-size: var(--font-size-1); + font-weight: 400; + letter-spacing: 0.03rem; + line-height: 1.5; +} + +h1 { + font-size: var(--font-size-5); + font-weight: 600; +} + +h2 { + font-size: var(--font-size-4); + font-weight: 500; +} + +h3 { + font-size: var(--font-size-3); + font-weight: 400; +} + +h4 { + font-size: var(--font-size-2); + font-weight: 400; +} + +.title, +.title--small, +h1, +h2, +h3, +h4 { + font-family: var(--font-serif); +} + +.title { + font-size: var(--font-size-6); + font-weight: 700; + margin-block-start: var(--spacing-block-sm); +} + +.title--small { + font-size: var(--font-size-2); +} \ No newline at end of file -- cgit v1.2.3