CSS Line Clamp

line-clamp.scss

/**
 * CSS Line Clamp
 * 
 * 		@example scss
 * 		@include line-clamp(2, 16, 1.5)
 * 
 *  @param {Integer} $lines: number of lines to show
 *  @param {Integer} $font-size: font size in px (no trailing 'px'!)
 *  @param {Integer} $line-height: line height (multiplier/unitless)
 */
@mixin line-clamp($lines, $font-size, $line-height) {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $lines;
	display: -webkit-box;
	height: #{$lines * ( $font-size / 16 ) * $line-height}em;
	padding: 0;
	text-overflow: ellipsis;
	text-overflow: -o-ellipsis-lastline; // old Opera
}