Skip to content

Instantly share code, notes, and snippets.

@philippeantoine
Created March 10, 2014 13:19
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 philippeantoine/9464795 to your computer and use it in GitHub Desktop.
Save philippeantoine/9464795 to your computer and use it in GitHub Desktop.
SASS 3.3
$social: (twitter, $Twitter),
(facebook, $FB),
(googleplus, $GPlus),
(linkedin, $LinkedIn);
@each $socialnetwork, $color in $social {
.social-link--#{$socialnetwork} {
background-color: $color;
&:focus,
&:hover {
background-color: darken($color,5%);
}
&:before {
background-image: url('/images/#{$socialnetwork}.png');
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment