Untitled

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

@for $i from 0 through 4 {
  .ellipsis-line-#{$i * $start} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: #{$i * $start};
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
}