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;
}
/* 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 */