petridish icon indicating copy to clipboard operation
petridish copied to clipboard

Use underline to highlight links

Open peterdesmet opened this issue 1 year ago • 0 comments

eBird pages have an interesting approach to links: https://ebird.org/news/important-changes-to-exotic-species-in-ebird

Rather than using the new Bootstrap default of always underline-ing links (which is visually very present), they use a lighter border-bottom with transparency:

color: #0070b3;
border-bottom: 1px solid rgba(0,112,179,.2);
Screenshot 2023-11-23 at 08 43 45

On hover, the link as wall as the border-bottom are darkened to the same colour.

I like this approach as it makes links more distinctive than the current Petridish default of not underline, without making it very present.

peterdesmet avatar Nov 23 '23 07:11 peterdesmet