ISTWCMS-5195: additonal twig logic in card

source/_patterns/00-config/_design-tokens.artifact.scss

@@ -503,4 +503,4 @@ $gesso: (
     xxl: 96px,
   ),
   gutter-width: 40px,
-);
+);
\ No newline at end of file

source/_patterns/04-components/card/card--node/_card--node.scss

-.card.node {
-  > .card__header,
-  > .card__footer {
-    @include uw-contained-width;
-  }
-  > .card__body{
-    padding:0;
-  }
-}
+//.card.node {
+//  > .card__header,
+//  > .card__footer {
+//    @include uw-contained-width;
+//  }
+//  > .card__body{
+//    padding:0;
+//  }
+//}
 .uw-main > div > .action-links{
   margin:0 !important;
 }
-.node {
-  &--type-uw-ct-blog,
-  &--type-uw-ct-event,
-  &--type-uw-ct-news-item,
-  &--type-uw-ct-profile,
-  &--type-uw-ct-contact{
-
-    .card.node {
-
-      .card__body {
-
-
-      }
-
-      .card__header {
-        @include uw-contained-width;
-        background:gesso-brand(org-default,uw-white,primary);
-        .card__title {
-          font-size: gesso-font-size(8);
-
-        }
+.card__node{
+  .card__header {
+    @include uw-contained-width;
+    background:gesso-brand(org-default,uw-white,primary);
+    margin-top:4rem;
+    .card__title {
+      font-size: gesso-font-size(8);
 
-        .card__sub-title {
-          font-size: gesso-font-size(4);
-        }
+    }
 
-        .card__date {
+    .card__sub-title {
+      font-size: gesso-font-size(4);
+    }
 
-        }
+    .card__date {
 
-        .card__author {
+    }
 
-        }
-      }
+    .card__author {
 
-      .card__footer {
-       }
     }
-    .uw-node__without-image {
-      .card.node {
-       margin-top:1rem;
-        .card__body {
-
-        }
-        .card__header {
-          //@include uw-contained-width(55rem);
-          display:grid;
-          .card__title {
+  }
 
-            font-size: gesso-font-size(8);
-            order:-1;
-          }
+  .uw-node__with-image &{
 
-          .card__sub-title {
-            font-size: gesso-font-size(4);
-          }
-          .card__author {
-            padding: gesso-spacing(xs) gesso-spacing(md);
-          }
-        }
-        .card__footer{
-          //@include uw-contained-width(55rem);
-          padding: gesso-spacing(xs) gesso-spacing(md);
-        }
-    }
+    .card__header {
+      @include uw-contained-width();
+      bottom:0;
+      .card__title {
+        padding: gesso-spacing(xs) gesso-spacing(md);
+      }
+      .card__sub-title {
+        padding: gesso-spacing(xs) gesso-spacing(md);
+      }
+      .card__author {
+        padding: gesso-spacing(xs) gesso-spacing(md);
+      }
     }
-    .uw-node__with-image {
-      .card {
-          .card__header {
-            //@include uw-contained-width(55rem);
-        }
-        .card__body {
-          margin-top: -7rem;
-        }
-        .card__header {
-          margin-bottom: 1rem;
-          padding-bottom: 2rem;
-          .card__title {
-            padding: gesso-spacing(xs) gesso-spacing(md);
-          }
-          .card__sub-title {
-            padding: gesso-spacing(xs) gesso-spacing(md);
-          }
-          .card__author {
-            padding: gesso-spacing(xs) gesso-spacing(md);
-          }
-        }
-        .card__date {
-          margin-top: -2.25rem;
-          .uw-date {
-          }
-        }
-        .card__footer{
-          //@include uw-contained-width(55rem);
-          padding: gesso-spacing(xs) gesso-spacing(md);
-        }
+    .card__date {
+      //margin-top: -2.25rem;
+      .uw-date {
       }
     }
 
   }
 }
 
-.node--type-uw-ct-profile,
-.node--type-uw-ct-contact {
-  .uw-node__without-image,
-  .uw-node__with-image{
-    .card.node {
-      margin-top: 1rem;
-      .card__body {
-        @include uw-contained-width;
-      }
-    }
-  }
+.card__body {
+  //margin-top: -7rem;
 }
+
+//.card__footer{
+//  //@include uw-contained-width(55rem);
+//  padding: gesso-spacing(xs) gesso-spacing(md);
+//}
+
+
+//.node--type-uw-ct-profile,
+//.node--type-uw-ct-contact {
+//  .uw-node__without-image,
+//  .uw-node__with-image{
+//    .card.node {
+//      margin-top: 1rem;
+//      .card__body {
+//        @include uw-contained-width;
+//      }
+//    }
+//  }
+//}

source/_patterns/04-components/card/card--teaser/_card--teaser.scss

+.card__teaser{
+
+}

source/_patterns/04-components/card/card-elements/_hero-image.twig

 <div class="card__featured-image" style="background-image: url({{ hero.img_element }});" role="img" aria-label="{{ hero.alt }}">
+  {% if show_header %}
+    {% include '@components/card/card-elements/_header.twig' with {
+      'header': header,
+      'show_title': show_title
+    } %}
+  {% endif %}
 </div>

source/_patterns/04-components/card/card.twig

@@ -13,15 +13,16 @@
 
 <article class="card{% if type %} card__{{ type }}{% endif %}{% if show_hover %} card--show-hover {% endif %}" >
 
-  {% if hero_image %}
+  {% if hero_image and show_header == 'yes' %}
     {% include '@components/card/card-elements/_hero-image.twig' with {
       'hero': hero_image,
+      'show_header': show_header,
     } %}
   {%  endif %}
 
   <div class="card__body">
 
-    {% if show_header == 'yes' %}
+    {% if not hero_image and show_header == 'yes' %}
       {% include '@components/card/card-elements/_header.twig' with {
         'header': header,
         'show_title': show_title,