Merge pull request #1668 from cfpb/ans_breakout_card_fix

cfpb-layout: Fix breakout card margin
cfpb · Jul 11, 2023 · 6a9f2b5 · 6a9f2b5
2 parents 268ddc4 + d0dbe0e
commit 6a9f2b5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/cfpb-layout/src/molecules/card.less b/packages/cfpb-layout/src/molecules/card.less
@@ -98,7 +98,7 @@
     outline-offset: 2px;
   }
 
-  &:not(.m-card__highlight) {
+  &:not(.m-card__highlight):not(.m-card__breakout) {
     .m-card_footer {
       margin-top: auto;
     }
@@ -235,13 +235,13 @@
 
     // Provide padding offset set to half the image height.
     > a {
-      padding-top: @card_img_height / 2;
+      padding-top: (@card_img_height / 2);
     }
 
     .m-card_inner-wrapper {
       position: relative;
       z-index: 0;
-      min-height: @card_img_height + (@grid_gutter-width / 2);
+      min-height: (@card_img_height + (@grid_gutter-width / 2));
 
       background: @gray-5;
       border: 1px solid @gray-20;