/* 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 filter(brightness(1.1));
        }
    }
}

.share-buttons {
    float: right;
    margin: 0 0 -1em 0;
    line-height: 1;

    @include breakpoint(max-width $breakpoint-2) {
        float: none;
        margin: 1em 0;
    }
}


/* Gists
   ========================================================================== */

.gist {
    table {
        margin: 0 !important;
    }

    td {
        border: 0 !important;
    }
}

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

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

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

        //&:hover {
            //@include filter(brightness(1.1));
        //}
    }
}

.share-buttons {
    float: right;
    margin: 0 0 -1em 0;
    line-height: 1;

    @include breakpoint(max-width $breakpoint-2) {
        float: none;
        margin: 1em 0;
    }
}


/* Gists
   ========================================================================== */

.gist {
    table {
        margin: 0 !important;
    }

    td {
        border: 0 !important;
    }
}

Remove unused social media icons
Remove unused social media icons
