Heading styling cleanup from feedback

Also reconciled some style tweaks into the compnent where they mak emore sense.
This commit is contained in:
Matt Vanderpol
2025-01-16 16:16:11 -08:00
parent dcf1c73d23
commit e159dac6b9
3 changed files with 7 additions and 12 deletions

View File

@@ -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;

View File

@@ -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}

View File

@@ -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;
}