@mixin multi-ellispsis($lines) {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $lines;
    -webkit-box-orient: vertical;
}

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

// .ellipsis(@w:auto) {
//     width: @w;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
//     word-wrap: normal;
// }

// .ellipsisLn(@line) {
//     overflow: hidden;
//     text-overflow: ellipsis;
//     display: -webkit-box;
//     -webkit-box-orient: vertical;
//     -webkit-line-clamp: @line;
// }
// .text_wrap() {
//     word-wrap: break-word;
//     word-break: break-all;
// }
// .hyphens() {
//     word-wrap: break-word;
//     -webkit-hyphens: auto;
//     hyphens: auto;
// }