ISTWCMS-5195:additional css for the card tag output in teaser

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/banners/banners.yml

@@ -24,9 +24,10 @@ banners:
           type: 'image/jpeg'
       img_element: '../../../../source/images/president/president_xlarge.jpg'
       alt: 'Alternative text'
-      big_text: 'Image1'
-      small_text: 'Caption 1'
       link: 'http://google.ca'
+      big_text: 'President Goel leads Waterloo into bold new futures'
+      small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
+      faculty: 'org-default'
     -
       sources:
         - srcset: '../../../../source/images/president/president_xlarge.jpg'
@@ -46,7 +47,10 @@ banners:
           type: 'image/jpeg'
       img_element: '../../../../source/images/president/president_xlarge.jpg'
       alt: 'Alternative text'
-      small_text: 'Image2'
+      link: 'http://google.ca'
+      big_text: 'President Goel leads Waterloo into bold new futures'
+      small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
+      faculty: 'org-mat'
     -
       sources:
         - srcset: '../../../../source/images/president/president_xlarge.jpg'
@@ -67,6 +71,9 @@ banners:
       img_element: '../../../../source/images/president/president_xlarge.jpg'
       alt: 'Alternative text'
       link: 'http://google.ca'
+      big_text: 'President Goel leads Waterloo into bold new futures'
+      small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
+      faculty: 'org-sci'
   autoplay: 1
   slide_speed: 7000
   style: 'full-width'

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

@@ -8,8 +8,7 @@ $card-meta-color: gesso-color(ui, generic, text-dark) !default;
 $card-padding: rem(gesso-spacing(sm)) !default;
 
 .card {
-  @include uw-flex-grid(card);
-  //background:$test-color-1;
+
   width: 100%;
 
   .views-row &{

source/_patterns/04-components/card/card--banner/card--banner.yml

@@ -24,7 +24,6 @@ banners:
           type: 'image/jpeg'
       img_element: '../../../../source/images/president/original.jpg'
       alt: 'Alternative text'
-      big_text: 'Image1'
-      small_text: 'Caption 1'
-      link: 'http://google.ca'
+      big_text: 'President Goel leads Waterloo into bold new futures'
+      small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
       faculty: 'org-default'

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

@@ -6,7 +6,7 @@
   }
   .uw-node__without-image &{
     .card__header,
-    .card__footer {
+    .card__footer{
       margin:0 auto;
       max-width: $max-width;
       padding: 0 gesso-spacing(sm);
@@ -15,8 +15,17 @@
       }
     }
   }
+  .card__tags{
+       margin:1rem auto;
+       max-width: $max-width;
+       padding: 0 gesso-spacing(sm);
+       @include xl{
+         padding: 0;
+       }
+   }
   .card__footer{
     margin-bottom: rem(gesso-spacing(md));
+    margin-top:auto;
     padding: 0 gesso-spacing(sm);
     @include xl{
       padding: 0;

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

 .card__teaser{
+  @include uw-flex-grid(card);
+
+  .views-row &{
+    height:100%;
+  }
+  .uw-label{
+    display:block;
+    margin-top:1rem;
+  }
+  .card__tags{
+    margin:inherit;
+    margin-top: auto;
+    padding: 0;
+  }
+
   .uw-node__without-image &{
     .card__header,
     .card__footer {
         padding: 0;
     }
   }
+
 }