Commit c96b992
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
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
150 | 150 | | |
151 | 151 | | |
152 | 152 | | |
| 153 | + | |
| 154 | + | |
| 155 | + | |
| 156 | + | |
| 157 | + | |
| 158 | + | |
| 159 | + | |
| 160 | + | |
153 | 161 | | |
154 | 162 | | |
155 | 163 | | |
| |||
0 commit comments