From eb820b9ee6c1af626e2effe3690a4b4b74ed8d80 Mon Sep 17 00:00:00 2001 From: reshmai Date: Tue, 5 Dec 2023 13:28:29 -0600 Subject: [PATCH] Tci 1129 add images to card (#858) * 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 * TCI-1129--Added css to media top card title * TCI-1129 Css added for media left * TCI-1129 Changes into card.css for media left in card --------- Co-authored-by: Reshma Dhane --- source/_patterns/02-molecules/card/_card.scss | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/source/_patterns/02-molecules/card/_card.scss b/source/_patterns/02-molecules/card/_card.scss index 673a9de5e..d7edef969 100644 --- a/source/_patterns/02-molecules/card/_card.scss +++ b/source/_patterns/02-molecules/card/_card.scss @@ -500,10 +500,20 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme); } .usa-card__container.type-image { - @include u-padding-left(0); - @include u-padding-top(0); - @include u-padding-bottom(0); + @include u-padding(0); + .usa-card__media{ line-height: 0; + @include u-margin-right(2); + + .jcc-card--overlay-color-none { + aspect-ratio: 16/9; + overflow: hidden; + border-radius: initial; + } + } + + .usa-card__content{ + @include u-padding(3); } } \ No newline at end of file