card with section heading spacing (#159)

nhsuk · Oct 2, 2024 · a3f9121 · a3f9121
1 parent 660520a
commit a3f9121
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);
+  }
+}