From 41a42b051e1c8f9f5bcc6ec749b6d60c8b4ff7fd Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Sat, 19 Aug 2023 10:41:51 +0100 Subject: Improves block spacing --- public/css/base/typography.css | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) (limited to 'public/css/base/typography.css') diff --git a/public/css/base/typography.css b/public/css/base/typography.css index 9c53748..3ccac74 100644 --- a/public/css/base/typography.css +++ b/public/css/base/typography.css @@ -10,32 +10,47 @@ h1 { font-size: var(--font-size-5); } +h1:not(:first-child) { + margin-block-start: var(--margin-block-lg); +} + h2 { font-size: var(--font-size-4); } +h2:not(:first-child) { + margin-block-start: var(--margin-block-lg); +} + h3 { font-size: var(--font-size-3); } +h3:not(:first-child) { + margin-block-start: var(--margin-block-md); +} + h4 { font-size: var(--font-size-2); } +h4:not(:first-child) { + margin-block-start: var(--margin-block-sm); +} + h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 700; - margin-block-start: var(--spacing-block-lg); } .title { font-family: var(--font-serif); font-size: var(--font-size-6); font-weight: 700; - margin-block-start: var(--spacing-block-sm); + margin-block-start: var(--margin-block-sm); } .title--small { @@ -43,6 +58,6 @@ h4 { margin-block-start: 0; } -p:not(:first) { - margin-block-start: var(--spacing-block-md); -} \ No newline at end of file +p:not(:first-child) { + margin-block-start: var(--margin-block-sm); +} -- cgit v1.2.3