peterdesmet / petridish

Jekyll theme for research project websites 🧫
https://peterdesmet.github.io/petridish
MIT License
49 stars 44 forks source link

Use underline to highlight links #96

Open peterdesmet opened 8 months ago

peterdesmet commented 8 months ago

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.