XCORNER-7 add it as a mixin

xfiveco · Mar 22, 2024 · 4deb9cb · 4deb9cb
1 parent 2790c6c
commit 4deb9cb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/assets/scss/components/_reviews.scss b/assets/scss/components/_reviews.scss
@@ -21,11 +21,7 @@ $swiper-arrow-right-purple: './../icons/arrow-right-purple.svg';
 }
 
 .c-review-carousel__summary {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 4;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    @include truncate(4);
     color: $color-black;
     font-family: $font-regular;
     font-size: rem-calc(16px);

diff --git a/assets/scss/tools/_tools.scss b/assets/scss/tools/_tools.scss
@@ -8,3 +8,4 @@
 @import 'rem-calculations';
 @import 'lists';
 @import 'container';
+@import 'truncate';
diff --git a/assets/scss/tools/_truncate.scss b/assets/scss/tools/_truncate.scss
@@ -0,0 +1,7 @@
+@mixin truncate($lines: 1) {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: $lines;
+}