dio-v
10/30/2013 - 10:31 AM

Voorbeeld less sprite

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);}
        }
    }