add line-clamp mixin

This commit is contained in:
Barış Soner Uşaklı
2022-12-07 10:54:11 -05:00
parent 39ae02ade1
commit fc914a39a2

View File

@@ -73,3 +73,16 @@
line-height: $size;
font-size: $font-size;
}
@mixin line-clamp($lines) {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $lines;
}
@for $i from 1 through 6 {
.line-clamp-#{$i} {
@include line-clamp($i);
}
}