From f42d6ac5d664f87342e4f4a73896421255a325a9 Mon Sep 17 00:00:00 2001
From: Jacob Wilson <49299083+jdwjdwjdw@users.noreply.github.com>
Date: Thu, 7 Mar 2024 13:18:22 -0800
Subject: [PATCH] D8CORE-7189 Update splash font card headline margin-bottom
 (#299)

* Update splash font card headline margin-bottom

* Fixup
---
 .../dist/css/component/paragraph/card.css             |  2 +-
 .../lib/scss/component/paragraph/card/_card.scss      | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/modules/stanford_profile_styles/dist/css/component/paragraph/card.css b/modules/stanford_profile_styles/dist/css/component/paragraph/card.css
index b222ddbc..3a9a6e01 100644
--- a/modules/stanford_profile_styles/dist/css/component/paragraph/card.css
+++ b/modules/stanford_profile_styles/dist/css/component/paragraph/card.css
@@ -1 +1 @@
-.su-card .su-card__contents h2{font-size:1.5625em;letter-spacing:-.012em}.su-card .su-card__contents h3{font-size:1.4em}.su-card .su-card__contents h4{font-size:1em}.su-card .su-card__contents .su-font-splash{font-size:1.4em}
\ No newline at end of file
+.su-card .su-card__contents h2{font-size:1.5625em;letter-spacing:-.012em}.su-card .su-card__contents h3{font-size:1.4em}.su-card .su-card__contents h4{font-size:1em}.su-card .su-card__contents>div:not(.su-card__button).su-font-splash{font-size:1.4em}@media only screen and (min-width:0){.su-card .su-card__contents>div:not(.su-card__button).su-font-splash{margin-bottom:1.07rem}}@media only screen and (min-width:768px){.su-card .su-card__contents>div:not(.su-card__button).su-font-splash{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.su-card .su-card__contents>div:not(.su-card__button).su-font-splash{margin-bottom:1.27rem}}
\ No newline at end of file
diff --git a/modules/stanford_profile_styles/lib/scss/component/paragraph/card/_card.scss b/modules/stanford_profile_styles/lib/scss/component/paragraph/card/_card.scss
index ae6667d2..b7da609a 100644
--- a/modules/stanford_profile_styles/lib/scss/component/paragraph/card/_card.scss
+++ b/modules/stanford_profile_styles/lib/scss/component/paragraph/card/_card.scss
@@ -14,8 +14,15 @@
       @include type-e;
     }
 
-    .su-font-splash {
-      font-size: 1.4em;
+    // Overwrite conflicting decanter styles for splash font card headline
+    >div {
+      &:not(.su-card__button) {
+        &.su-font-splash {
+          @include modular-spacing('margin-bottom', -1);
+
+          font-size: 1.4em;
+        }
+      }
     }
   }
 }