MCP/mcnoaa-tides
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix card link styling on splash page

Browse Source 
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.
This commit is contained in:
Ryan Malloy 2026-02-24 11:29:02 -07:00
parent 37b3cd721d
commit de95271f53
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/src/styles/custom.css
View File

@ -202,19 +202,21 @@ nav.sidebar .top-level > li > a {
height: auto; height: auto;
} }
/* Card "see how" links — make them stand out */ /* Card "see how" links — override Starlight's card link box styling */
[data-page-template="splash"] .sl-markdown-content .card a[href] { [data-page-template="splash"] .sl-markdown-content article.card a[href] {
display: inline-block; display: inline-block !important;
margin-top: 0.5rem; margin-top: 0.5rem;
padding: 0 !important;
border: none !important;
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
color: var(--sl-color-accent); color: var(--sl-color-accent) !important;
text-decoration: none; text-decoration: none;
transition: color 0.15s ease; transition: color 0.15s ease;
} }
[data-page-template="splash"] .sl-markdown-content .card a[href]:hover { [data-page-template="splash"] .sl-markdown-content article.card a[href]:hover {
color: var(--sl-color-accent-high); color: var(--sl-color-accent-high) !important;
} }
/* Install section: center the install block */ /* Install section: center the install block */