From fa633ec7ca287f4150f14c87209c7cb5cfb78f69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Sun, 9 Apr 2023 16:54:18 -0400
Subject: [PATCH] update line-clamp class

add `line-clamp-sm-[1-6]` for use with elements that have lh-sm applied
calculate max-height from line-height instead of hardcoding to 1.25em
---
 public/scss/mixins.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss
index 85f4236fce..673b8081fa 100644
--- a/public/scss/mixins.scss
+++ b/public/scss/mixins.scss
@@ -89,18 +89,22 @@
 	font-size: $font-size;
 }
 
-@mixin line-clamp($lines) {
+@mixin line-clamp($lines, $line-height: 1.5em) {
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: $lines;
 	white-space: initial;
-	max-height: calc(1.25em * $lines);
+	max-height: calc($line-height * $lines);
 }
 
 @for $i from 1 through 6 {
 	.line-clamp-#{$i} {
-		@include line-clamp($i);
+		@include line-clamp($i, #{$line-height-base}em);
+	}
+	// use with elements that have `lh-sm` applied
+	.line-clamp-sm-#{$i} {
+		@include line-clamp($i, #{$line-height-sm}em);
 	}
 }