share-this/style/less/mixins.less

Medium-like text selection sharing without dependencies

.share-this-transform(@transformation) {
    -webkit-transform: @transformation;
        -ms-transform: @transformation;
            transform: @transformation;
}
.share-this-animation(@animation) {
    -webkit-animation: @animation;
            animation: @animation;
}
.share-this-filter(@filter) {
    -webkit-filter: @filter;
            filter: @filter;
}

.share-this-on-bottom() {
    &::before {
        bottom: auto;
        top: 100%;
        border-width: 0 @share-this-arrow-size @share-this-arrow-size;
        margin-top: 0;
    }

    > ul {
        top: 100%;
        transform: translateX(-50%);
        margin: @share-this-arrow-size 0 0;
    }
}