@font-face
    font-family: 'libresocial'
    src: url('../fonts/libresocial/libresocial.eot')
    src: url('../fonts/libresocial/libresocial.eot?#iefix') format("embedded-opentype"), url('../fonts/libresocial/libresocial.woff2') format("woff2"), url('../fonts/libresocial/libresocial.woff') format("woff"), url('../fonts/libresocial/libresocial.ttf') format("truetype"), url('../fonts/libresocial/libresocial.svg') format("svg")
    font-weight: normal
    font-style: normal

[class^="icon-"]:before, [class*=" icon-"]:before
    font-family: "libresocial"
    font-style: normal
    font-weight: normal
    speak: none
    display: inline-block
    text-decoration: inherit
    width: 1em
    margin-right: .2em
    text-align: center
    font-variant: normal
    text-transform: none
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

.icon-diaspora:before
    content: '\e800'

.icon-gnusocial:before
    content: '\e801'