safari supported line clamp css

line-clamp css

.line-clamp {
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
    line-height: var(--line-height,1.2) !important;
}

.line-clamp-1 {
	-webkit-line-clamp : 1;
	height             : calc(1em * var(--line-height, 1.2) * 1);
}

.line-clamp-2 {
	-webkit-line-clamp : 2;
	height             : calc(1em * var(--line-height, 1.2) * 2);
}

.line-clamp-3 {
	-webkit-line-clamp : 3;
	height             : calc(1em * var(--line-height, 1.2) * 3);
}
 
.line-clamp-4 {
	-webkit-line-clamp : 4;
	height             : calc(1em * var(--line-height, 1.2) * 4);
}