Reduce spacing for large paragraphs that follow headings

nationalarchives · Jul 24, 2024 · 154155b · 154155b
1 parent 240cfa6
commit 154155b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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);
   }