diff --git a/src/components/card/_card.scss b/src/components/card/_card.scss index 48492e8..166300f 100644 --- a/src/components/card/_card.scss +++ b/src/components/card/_card.scss @@ -15,6 +15,12 @@ $card-border-hover-color: $color_nhsuk-grey-3; padding: 0; + &__title { + @include nhsuk-typography-responsive(22); + font-weight: bold; + margin-bottom: 0; + } + .nhsapp-icon { height: 24px; width: 24px; diff --git a/src/components/card/card-group.njk b/src/components/card/card-group.njk index 37fd745..d4a9d7c 100644 --- a/src/components/card/card-group.njk +++ b/src/components/card/card-group.njk @@ -14,6 +14,7 @@ description: cardItem.description, badgeLarge: cardItem.badgeLarge, prefixIcon: cardItem.prefixIcon, + readOnly: cardItem.readOnly, isListItem: true }) }} {% endfor %} diff --git a/src/components/card/card.njk b/src/components/card/card.njk index 7fa55a3..525397c 100644 --- a/src/components/card/card.njk +++ b/src/components/card/card.njk @@ -20,10 +20,14 @@ {{ params.aboveContent.html | safe }} {%- endif -%} - {{ params.title }}
+ {%- else -%} + - {{ params.title }} - + {{ params.title }} + + {%- endif -%} {% if params.description %}{{ params.description }}
@@ -40,7 +44,9 @@ ariaHidden: params.badgeLarge.ariaHidden }) }} {% endif %} - {{ nhsappIcon('chevronRight') }} + {%- if not params.readOnly -%} + {{ nhsappIcon('chevronRight') }} + {%- endif -%}