multi-line-truncate.scss

////////////////////////////////
// ************************** //
//     Multi Line Truncate    //
// ************************** //
////////////////////////////////

@mixin multiLineTruncate($lineHeight: 1.2em, $lineCount: 3, $bg-color: white){
  line-height: $lineHeight;
  height: $lineHeight * $lineCount;
  overflow: hidden;
  position: relative;
  &:after {
    background: linear-gradient(to right, $bg-color, $bg-color 50%);
    content: '';
    height: $lineHeight;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
  }
}