From a20ffa8954820f5507715cb9ef676318d0cce3af Mon Sep 17 00:00:00 2001
From: Frankie Roberto <frankie@frankieroberto.com>
Date: Mon, 30 Nov 2020 14:20:39 +0000
Subject: [PATCH] Add modifiers for table captions

This makes table captions consistent with fieldset headings and labels, in having modifiers which apply the typographic styles equivalent to headings.
---
 src/govuk/components/table/_index.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/govuk/components/table/_index.scss b/src/govuk/components/table/_index.scss
index f9f799e31d..c7c0a200d7 100644
--- a/src/govuk/components/table/_index.scss
+++ b/src/govuk/components/table/_index.scss
@@ -47,4 +47,25 @@
     display: table-caption;
     text-align: left;
   }
+
+  // Modifiers that make captions look more like their equivalent headings
+
+  .govuk-table__caption--xl {
+    @include govuk-font($size: 48, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--l {
+    @include govuk-font($size: 36, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--m {
+    @include govuk-font($size: 24, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--s {
+    @include govuk-font($size: 19, $weight: bold);
+  }
 }