Skip to content

Instantly share code, notes, and snippets.

@jbrains

jbrains/_posting.scss

Created May 31, 2014 16:42
Show Gist options
  • Save jbrains/32a7874da44ef830751f to your computer and use it in GitHub Desktop.
Save jbrains/32a7874da44ef830751f to your computer and use it in GitHub Desktop.
Download ZIP
How do I remove the duplication in these SCSS rules?
Raw
_posting.scss
a.comment-link {
/* Superimposed image */
$icon-comment-height: 10px; /* Must match the size of the graphic */
$icon-comment-width: 10px; /* Must match the size of the graphic */
background: $salmon url(../images/comment.gif) no-repeat $icon-comment-height $icon-comment-width;
color: $salmon;
&:hover {
background: $dark-salmon url(../images/comment.gif) no-repeat $icon-comment-height $icon-comment-width;
color: $dark-salmon;
text-decoration: none;
}
}
@jbrains
Copy link
Author

jbrains commented May 31, 2014

Thanks for the example. I like the notion of abstracting the color; I'm refactoring, so I'm not there yet.

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