/* stylelint-disable property-no-vendor-prefix */
@mixin user-select($value) {
    -webkit-user-select: $value;
    -moz-user-select: $value;
    -ms-user-select: $value;
    user-select: $value;
}
/* stylelint-enable property-no-vendor-prefix */

@mixin text-overflow() {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@mixin flex($direction, $content: flex-start, $items: stretch, $wrap: nowrap) {
    display: flex;
    flex-flow: $direction $wrap;
    align-items: $items;
    justify-content: $content;
}