Remove link underline by default My strategy is to put underline for user content (README) and hide for everything else. This change reflects the intent well.

Changes

2 changed files (+11/-15)

• static/global.css
  • @@ -99,6 +99,12 @@ }
    :where(a) { color: var(--color-link); + text-decoration: none; + } + @media (any-hover) { + :where(a:hover) { + text-decoration: underline; + } } .passthru {
  • @@ -154,13 +160,6 @@ }
    .breadcrumbs > li + li::before { content: "/"; margin-inline-end: 0.5ch; - } - .breadcrumbs a { - color: var(--color-link); - text-decoration: none; - } - .breadcrumbs a:hover { - text-decoration: underline; } .breadcrumbs a[aria-current="page"] { color: var(--color-fg);
• static/repo-top.css
  • @@ -30,14 +30,6 @@ .recent-commits {
    margin-block-start: var(--space-xl); } - .recent-commits a { - text-decoration: none; - } - @media (any-hover: hover) { - .recent-commits a:hover { - text-decoration: underline; - } - } .recent-commits--title { margin: 0; font-size: var(--font-lg);
  • @@ -198,6 +190,11 @@ font-style: italic;
    color: var(--color-fg-weak); } + + .readme a { + text-decoration: underline; + } + .readme a > code { color: inherit; }