Skip to content

Instantly share code, notes, and snippets.

@daphotron
Created May 27, 2014 20:48
Show Gist options
  • Select an option

  • Save daphotron/f759d03fa1e97727923f to your computer and use it in GitHub Desktop.

Select an option

Save daphotron/f759d03fa1e97727923f to your computer and use it in GitHub Desktop.
Test underlines on links with background-image http://sassmeister.com/gist/f759d03fa1e97727923f
<a href="#">Test Link</a>
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$color-link: #000;
body {
font-family: sans-serif;
}
a {
font-size: 2em;
color: #5d7699;
text-decoration: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(93, 118, 153, 0.5) 50%);
background-repeat: repeat-x;
background-size: 1px 1px;
background-position: 0 1.2em;
}
body {
font-family: sans-serif;
}
a {
font-size: 2em;
color: #5d7699;
text-decoration: none;
background-image: linear-gradient(to bottom, transparent 50%, rgba(93, 118, 153, 0.5) 50%);
background-repeat: repeat-x;
background-size: 1px 1px;
background-position: 0 1.2em;
}
<a href="#">Test Link</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment