sergiokopplin/indigo

.share
    float: right
    width: 40%
    display: inline
    text-align: right
    position: relative

    @media #{$mobile}
        width: 100%
        display: block
        top: 0
        text-align: left
        float: none
        margin-top: 5px

    @media #{$tablet}
        width: 100%
        display: block
        top: 0
        text-align: left
        float: none
        margin-top: 5px

    > .twitter,
    > .facebook,
    > .linkedin,
        display: inline
        vertical-align: middle
        font-size: 13px
        font-weight: 700
        color: #fff
        padding: 6px 10px
        border-radius: 3px
        margin-left: 5px
        text-decoration: none

        @media #{$mobile}
            margin: 0 5px 10px 0

        @media #{$tablet}
            margin: 0 5px 10px 0

    > .twitter
        background: #4fafed

    > .facebook
        background: #4361b3

    > .linkedin
        background: #0077b5

    svg
        fill: $omega
        position: relative
        top: 0
        margin: 0    
        margin-right: 4px    
        display: inherit