SCSS mixin: Line Clamp for multiple lines (dots for text oferflow)

line_clamp_for_multiple_lines.scss

// https://caniuse.com/?search=line-clamp - way around line-clamp needed
@mixin ellipsis-for-lines($max-lines: 3) {
  /* stylelint-disable */
  display: -moz-box;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: $max-lines;
  -webkit-box-orient: vertical;
  -moz-line-clamp: $max-lines;
  -moz-box-orient: vertical;
  /* stylelint-enable */
}