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

@mixin ellipsisLn($line) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $line;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
}

@mixin text_wrap {
    word-wrap: break-word;
    word-break: break-all;
}

@mixin hyphens {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@mixin text-center {
  text-align: center;
}

@mixin text-right {
  text-align: right;
}

@mixin text-left {
  text-align: left;
}