Voorbeeld less sprite
.spriteSocial(@x){
@h:21px;
@w:20px;
width:@w;
height:@h;
background-position: -(@x*@w) -(0);
&:hover{
background-position: -(@x*@w) -(1*@h);
}
}
.socialMedia{
a{
display:inline-block;
text-indent:-9999px;
margin-right:7px;
background-image:url('/img/socialMedia.png');
&.facebook{.spriteSocial(0);}
&.twitter{.spriteSocial(1);}
&.linkedin{.spriteSocial(2);}
}
}