Skip to content

Commit c96b992

Browse files
Copilotegeakman
andauthored
Fix: bold text overridden by typography plugin on links in prose (#1535)
The `@tailwindcss/typography` plugin sets an explicit `font-weight` on `.prose a` elements, which overrides the bold weight inherited from a parent `<strong>`. This means MDX like `**[Free Ticket Voucher Grant](#link):**` renders as `<strong><a>...</a></strong>` but the link text appears non-bold. ## Fix Added to the `.prose` block in `src/styles/global.css`: ```css /* Preserve bold when a link is wrapped in <strong> (e.g. **[text](#link)**). The typography plugin sets an explicit font-weight on <a> tags, which overrides the inherited bold from a parent <strong>. */ strong a, a strong { font-weight: bold; } ``` This restores expected bold rendering for `**[text](#link)**` patterns across all prose/MDX content on the site. <!-- START COPILOT CODING AGENT TIPS --> --- 📍 Connect Copilot coding agent with [Jira](https://gh.io/cca-jira-docs), [Azure Boards](https://gh.io/cca-azure-boards-docs) or [Linear](https://gh.io/cca-linear-docs) to delegate work to Copilot in one click without leaving your project management tool. --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: egeakman <75242929+egeakman@users.noreply.github.com>
1 parent 51d9722 commit c96b992

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

src/styles/global.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,14 @@ p.cross::after {
150150
word-break: break-word;
151151
}
152152

153+
/* Preserve bold when a link is wrapped in <strong> (e.g. **[text](#link)**).
154+
The typography plugin sets an explicit font-weight on <a> tags, which
155+
overrides the inherited bold from a parent <strong>. */
156+
strong a,
157+
a strong {
158+
font-weight: bold;
159+
}
160+
153161
h1,
154162
h2,
155163
h3,

0 commit comments

Comments
 (0)