From 154155bda067da3e36a626550c21859da1917451 Mon Sep 17 00:00:00 2001 From: Andrew Hosgood Date: Wed, 24 Jul 2024 17:12:46 +0100 Subject: [PATCH] Reduce spacing for large paragraphs that follow headings --- CHANGELOG.md | 3 +++ src/nationalarchives/utilities/typography/_index.scss | 7 ++++++- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index e2f90509..c80a672c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added ### Changed + +- Large paragraphs (`.tna-large-paragraph`) that follow headings and heading groups have less top margin + ### Deprecated ### Removed ### Fixed diff --git a/src/nationalarchives/utilities/typography/_index.scss b/src/nationalarchives/utilities/typography/_index.scss index f5c59efc..6bed0562 100644 --- a/src/nationalarchives/utilities/typography/_index.scss +++ b/src/nationalarchives/utilities/typography/_index.scss @@ -295,7 +295,8 @@ small { padding-top: 0; } - + p { + + p, + + .tna-large-paragraph { margin-top: spacing.space(1); } } @@ -422,6 +423,10 @@ small { @include typography.font-size(22); @include colour.colour-font("font-dark"); + &:first-child { + margin-top: 0; + } + @include media.on-mobile { @include typography.font-size(20); }