card with section heading spacing

nhsuk · Oct 2, 2024 · 5470617 · 5470617
1 parent daa268c
commit 5470617
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/card/_card.scss b/src/components/card/_card.scss
@@ -136,3 +136,19 @@ $card-border-hover-color: $color_nhsuk-grey-3;
     }
   }
 }
+
+// combination styles for cards and headings together
+.nhsapp-cards + .nhsapp-section-heading,
+.nhsapp-card + .nhsapp-section-heading,
+.nhsapp-card + .nhsuk-heading-l {
+  @include nhsuk-responsive-padding(4, "top");
+}
+
+.nhsapp-card + .nhsuk-heading-m,
+.nhsapp-card + .nhsuk-heading-s {
+  padding-top: nhsuk-spacing(1);
+
+  @include mq($from: tablet) {
+    padding-top: nhsuk-spacing(2);
+  }
+}