example css for styling colorCard

nhsbsa · Sep 5, 2024 · fc8d6d5 · fc8d6d5
1 parent 95623cb
commit fc8d6d5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/lib/_components/_all.scss b/lib/_components/_all.scss
@@ -3,4 +3,5 @@
 @import "appFooter/footer";
 @import "appPagination/pagination";
 @import "related/related";
-@import "colorBlock/colorBlock";
+@import "colorBlock/colorBlock";
+@import "colorCard/colorCard";
diff --git a/lib/_components/colorCard/_colorCard.scss b/lib/_components/colorCard/_colorCard.scss
@@ -0,0 +1,4 @@
+.colorCard > dl,dt,dd {
+    padding: 0;
+    margin: 0;
+}
diff --git a/lib/_components/colorCard/template.njk b/lib/_components/colorCard/template.njk
@@ -2,7 +2,7 @@
 {% set headingLevel %}
 {{ params.headingLevel if params.headingLevel else 'h2' }}
 {% endset %}
-<div class="card">
+<div class="card colorCard">
 	{% if params.heading %}
 	<{{headingLevel}} class="nhsuk-card__heading nhsuk-heading-m">
 	{{ params.heading }}