SASS Social Network colors

social.scss

// Credit Jonathan Suh via https://news.layervault.com/stories/28802-ask-dn-what-are-your-little-sassless-time-savers

$social-colors: (
  dribbble: #ea4c89,
  facebook: #3b5998,
  github: #171515,
  google: #db4437,
  twitter: #55acee
);

@each $social-network, $social-color in $social-colors {
  .social-link--#{$social-network} {
    background: $social-color;
  }
  .social-link--#{$social-network}:hover {
    background: lighten($social-color, 10%);
  }
}