Skip to content

Instantly share code, notes, and snippets.

@buckle2000
Created February 10, 2018 11:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save buckle2000/f24cb53b02b480c968200b4710561873 to your computer and use it in GitHub Desktop.
Save buckle2000/f24cb53b02b480c968200b4710561873 to your computer and use it in GitHub Desktop.
Unobtrusive link styling
a[href^="#"] {
text-decoration: none;
color: black;
background-color: green;
background: url(term.png) no-repeat bottom right;
}
a[href^="#"]:hover {
text-decoration: underline;
background: none;
color: blue;
}
@buckle2000
Copy link
Author

buckle2000 commented Feb 10, 2018

Unobtrusive link styling

So elegant!

preview

That term.png is a small dash.
http://yaml.org/spec/1.2/term.png

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment