Download this file
| 1 | /* base/base.css: links. Zero specificity on purpose: any component rule wins. |
| 2 | Prose links keep their underline, because colour must never carry meaning |
| 3 | alone. Chrome links (bar, nav, menus, rows, buttons) set their own colour |
| 4 | and text-decoration, and every one of them outranks :where(). */ |
| 5 | :where(a:any-link) { |
| 6 | color: var(--rst-accent); |
| 7 | text-decoration-line: underline; |
| 8 | text-decoration-thickness: 1px; |
| 9 | text-underline-offset: 0.15em; |
| 10 | } |
| 11 | :where(a:any-link:hover) { text-decoration-thickness: 2px; } |
| 12 | :where(a:any-link:focus-visible) { |
| 13 | outline: 2px solid var(--rst-accent); |
| 14 | outline-offset: 2px; |
| 15 | } |
| 16 | |
amadan