@mixin ellipsis($lines: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  @if $lines > 1 {
    @supports (-webkit-line-clamp: $lines) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: $lines;

      text-overflow: ellipsis;
      white-space: initial;
    }
  }
}
