From fc914a39a28c341b7ab618c920a341ae09f1c13b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?= Date: Wed, 7 Dec 2022 10:54:11 -0500 Subject: [PATCH] add line-clamp mixin --- public/scss/mixins.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss index 6cb6a67472..93b910ad7c 100644 --- a/public/scss/mixins.scss +++ b/public/scss/mixins.scss @@ -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); + } +} \ No newline at end of file