.line-1{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@for $index from 2 through 6 {
  .line-#{$index}{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $index;
    -webkit-box-orient: vertical;

  }
}
