From de95271f535f44dc196226e2a37a717a949f3692 Mon Sep 17 00:00:00 2001 From: Ryan Malloy Date: Tue, 24 Feb 2026 11:29:02 -0700 Subject: [PATCH] Fix card link styling on splash page Override Starlight's scoped card link styles (display:block, border, padding) so "See how it works" links render as inline teal text instead of bordered pill boxes. --- docs/src/styles/custom.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css index cfc2384..ec18e2c 100644 --- a/docs/src/styles/custom.css +++ b/docs/src/styles/custom.css @@ -202,19 +202,21 @@ nav.sidebar .top-level > li > a { height: auto; } -/* Card "see how" links — make them stand out */ -[data-page-template="splash"] .sl-markdown-content .card a[href] { - display: inline-block; +/* Card "see how" links — override Starlight's card link box styling */ +[data-page-template="splash"] .sl-markdown-content article.card a[href] { + display: inline-block !important; margin-top: 0.5rem; + padding: 0 !important; + border: none !important; font-size: 0.85rem; font-weight: 600; - color: var(--sl-color-accent); + color: var(--sl-color-accent) !important; text-decoration: none; transition: color 0.15s ease; } -[data-page-template="splash"] .sl-markdown-content .card a[href]:hover { - color: var(--sl-color-accent-high); +[data-page-template="splash"] .sl-markdown-content article.card a[href]:hover { + color: var(--sl-color-accent-high) !important; } /* Install section: center the install block */