petridish
petridish copied to clipboard
Use underline to highlight links
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);
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.