Added media css for cta variant (#856)

* Added media css for cta variant * TCI-1129 Changed css for media top * TCI-1129--Media top css fix * TCI-1129 change in media top title color --------- Co-authored-by: Reshma Dhane <reshmaingavale@gmail.com>
JudicialCouncilOfCalifornia · Nov 15, 2023 · fd00a92 · fd00a92
1 parent 4479e76
commit fd00a92
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/source/_patterns/02-molecules/card/_card.scss b/source/_patterns/02-molecules/card/_card.scss
@@ -222,7 +222,8 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme);
   }
 
   .usa-card--media-full-overlay &,
-  .usa-card--media-top-overlay & {
+  .usa-card--media-top-overlay &,
+  .usa-card--media-top &{
     .usa-card__media {
       @each $overlay-bgcolor, $color-value in map-get($_config, overlay-bgcolors) {
         @if $overlay-bgcolor {
@@ -342,6 +343,15 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme);
       }
     }
   }
+  .usa-card--media-top &{
+    .usa-card__header {
+      height: calc(18rem - 28px);
+      .usa-card__heading {
+        @include u-color(map-get($_config, title-color));
+      }
+    }
+  }
+
 }
 
 .usa-card:not(.usa-card--flag) .usa-card__container > :only-child {