From e159dac6b91feab3c0a646b051f280495a4ee0c2 Mon Sep 17 00:00:00 2001
From: Matt Vanderpol <matt@vanderpol.net>
Date: Thu, 16 Jan 2025 16:16:11 -0800
Subject: [PATCH] Heading styling cleanup from feedback

Also reconciled some style tweaks into the compnent where they mak emore sense.
---
 src/css/custom.css                  | 9 ---------
 src/theme/DocCard/index.tsx         | 2 +-
 src/theme/DocCard/styles.module.css | 8 ++++++--
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 2e640f7e..11475266 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -259,15 +259,6 @@ html[data-theme=dark] [class^=docMainContainer_] .breadcrumbs__link:hover {
 html[data-theme='dark'] [class^=docMainContainer_] .card {
   --ifm-heading-color: #041834;
 }
-[class^=docMainContainer_] .cardTitle_HoSo {
-  font-size: 1.25rem;
-  text-transform: uppercase;
-}
-
-[class^=docMainContainer_] [class*=cardDescription_] {
-  color: var(--ifm-heading-color);
-  font-size: inherit;
-}
 
 .markdown {
   --ifm-heading-font-family: "Beausite", sans-serif;
diff --git a/src/theme/DocCard/index.tsx b/src/theme/DocCard/index.tsx
index 2f7f9343..f27321ae 100644
--- a/src/theme/DocCard/index.tsx
+++ b/src/theme/DocCard/index.tsx
@@ -64,7 +64,7 @@ function CardLayout({
     <CardContainer href={href}>
       <Heading
         as="h2"
-        className={clsx("text--truncate", styles.cardTitle)}
+        className={clsx(styles.cardTitle)}
         title={title}
       >
         {title}
diff --git a/src/theme/DocCard/styles.module.css b/src/theme/DocCard/styles.module.css
index e02ee027..e2d4f2f4 100644
--- a/src/theme/DocCard/styles.module.css
+++ b/src/theme/DocCard/styles.module.css
@@ -20,9 +20,13 @@
 }
 
 .cardTitle {
-  font-size: 1.2rem;
+  --ifm-heading-margin-bottom: 8px;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.666;
 }
 
 .cardDescription {
-  font-size: 0.8rem;
+  color: var(--ifm-heading-color);
+  font-size: 1.125rem;
 }