diff --git a/source/_patterns/04-components/card/card--banner/_card--banner.scss b/source/_patterns/04-components/card/card--banner/_card--banner.scss index 6927ef6292a6a70af8c632816ff1d103ca13bb83..09c6d9856dc5b0ce9294b14884db18f3ab4f0e55 100644 --- a/source/_patterns/04-components/card/card--banner/_card--banner.scss +++ b/source/_patterns/04-components/card/card--banner/_card--banner.scss @@ -64,12 +64,17 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat' text-align: center; width: 100%; z-index: gesso-z-index(overlay); - h2 { - margin: 0; + .card__title { + font-family: $header-font-family; + font-size: gesso-font-size(6); + line-height: 1.25; + margin:0; } .sub-title { - font-family: $header-font-family; + font-family:gesso-font-family(book); + font-size: gesso-font-size(0); + line-height:1; } } diff --git a/source/_patterns/04-components/card/card--banner/card--banner.twig b/source/_patterns/04-components/card/card--banner/card--banner.twig index 21d9f6ca2e366d4e2bae91e3295fd3c80cf3345c..2ccb9754762daa06fb7ff86ce3d693063d358515 100644 --- a/source/_patterns/04-components/card/card--banner/card--banner.twig +++ b/source/_patterns/04-components/card/card--banner/card--banner.twig @@ -6,7 +6,6 @@ card_type: 'banner', title: image.big_text, sub_title: image.small_text, - header_level: 2, url: image.link, } %} {% endfor %} diff --git a/source/_patterns/04-components/card/card.twig b/source/_patterns/04-components/card/card.twig index f6b4f3db4e228cba9856cef329125923b4e0e8ec..8bca1dbf97da18ad658b001d35643fae4abc5e6e 100644 --- a/source/_patterns/04-components/card/card.twig +++ b/source/_patterns/04-components/card/card.twig @@ -27,7 +27,12 @@ {% endif %} {% if show_title == 'yes' %} - <h{{ header_level }} class="card__title"> + {% if header_level %} + <h{{ header_level }} class="card__title"> + {% else %} + <div class="card__title"> + <strong> + {% endif %} {% if url %} <a href="{{ url }}"> {% endif %} @@ -35,7 +40,13 @@ {% if url %} </a> {% endif %} - </h{{ header_level }}> + </strong> + {% if header_level %} + </h{{ header_level }}> + {% else %} + </div> + {% endif%} + {% if sub_title %} <span class="sub-title">{{ sub_title }}</span> {% endif %}