/* Social sharing
   ========================================================================== */

.fb-like {
    margin-right: 1em;
}

.twitter-share-button {
    margin-left: 1em;
}

/* Social media
   ========================================================================== */

.social-channels {
    list-style: none;
    padding: 0;

    li {
        display: inline-block;
    }

    a {
        @include hide-text;

        display: block;
        width: 32px;
        height: 32px;

        &.facebook {
            @include svg-graphic(/branding/social-media/facebook, png, 32px, 32px);
        }

        &.flickr {
            @include svg-graphic(/branding/social-media/flickr, png, 32px, 32px);
        }

        &.googleplus {
            @include svg-graphic(/branding/social-media/googleplus, png, 32px, 32px);
        }

        &.linkedin {
            @include svg-graphic(/branding/social-media/linkedin, png, 32px, 32px);
        }

        &.pinterest {
            @include svg-graphic(/branding/social-media/pinterest, png, 32px, 32px);
        }

        &.twitter {
            @include svg-graphic(/branding/social-media/twitter, png, 32px, 32px);
        }

        &.youtube {
            @include svg-graphic(/branding/social-media/youtube, png, 32px, 32px);
        }

        &:hover {
            @include hover-brightness;
        }
    }
}

.fb-like {
    margin-right: 1em;
}

.twitter-share-button {
    margin-left: 1em;
}

Add social media badge CSS rules
Add social media badge CSS rules
