Social Icons LESS

social.less

.social {
    margin: 0;
    padding: 0;
    ul {
        margin: 0;
        padding: 5px;
        li {
            margin: 5px;
            list-style: none outside none;
            display: inline-block;
        }
    }
    a {
        .icon-base(40px);
        background: @gray;
        border: none;
        &.facebook:hover {
            background: @brand-facebook;
        }
        &.twitter:hover {
            background: @brand-twitter;
        }
        &.linkedin:hover {
            background: @brand-linkedin;
        }
        &.youtube:hover {
            background: @brand-youtube;
        }
    }
}