Skip to content

Instantly share code, notes, and snippets.

@zinkkrysty

zinkkrysty/_social_icons.css.sass

Created November 27, 2013 13:14
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 zinkkrysty/7675421 to your computer and use it in GitHub Desktop.
Save zinkkrysty/7675421 to your computer and use it in GitHub Desktop.
Download ZIP
Rounded social icons sass snippet. Twitter, facebook, google+ and flexibility to add more.
Raw
_social_icons.css.sass
// Image: http://f.cl.ly/items/3Q0G130q0g1Z0b3g471v/social_icons_rounded.png
//
// Rounded social icons 34x34
//
=social-icon-rounded($list-index)
background: image-url('social_icons_rounded.png') no-repeat $list-index*(-34px) 0
width: 34px
height: 34px
display: inline-block
$i: 0
@each $icon in (twitter, fb, gplus)
.social-icon-#{$icon}-rounded
+social-icon-rounded($i)
$i: $i + 1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment