⚓️

Better link underlines

css
a {
&:link,
&:visited {
color: red;
text-decoration: none;
border-bottom: 2px solid currentColor;
@supports (text-decoration-thickness: 2px) {
text-decoration-style: solid;
text-decoration-line: underline;
text-decoration-color: currentColor;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
text-decoration-skip: ink;
border: 0;
}
}
}

Browser support

Edit this page
Want to make your own site like this? Try gatsby-theme-code-notes by Zander Martineau.
Notes on code. My memory bank.