Skip to content

Instantly share code, notes, and snippets.

@bogdansoare
Last active August 29, 2015 14:04
Show Gist options
  • Save bogdansoare/e7a1ea01d0e0b051bce9 to your computer and use it in GitHub Desktop.
Save bogdansoare/e7a1ea01d0e0b051bce9 to your computer and use it in GitHub Desktop.
Sass maps usage example
$social-colors: (
dribbble: #ea4c89,
facebook: #3b5998,
github: #171515,
google: #db4437,
twitter: #55acee
);
.social-link {
color: white;
}
@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%);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment