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

/**
  * Multi-line ellipsis
  * @param {Number} $lines - The number of lines to show. Default is 2.
  * @usage
  * .class {
  *   @include multi-line-ellipsis();
  * }
  * .class {
  *   @include multi-line-ellipsis(3);
  * }
  */
@mixin multi-line-ellipsis($lines: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
}