Merge pull request #130 from xfiveco/XCORNER-7-truncate-reviews

Xcorner 7 truncate reviews
xfiveco · Mar 22, 2024 · ec40587 · ec40587
2 parents 569aa19 + 4deb9cb
commit ec40587
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/assets/scss/components/_reviews.scss b/assets/scss/components/_reviews.scss
@@ -21,6 +21,7 @@ $swiper-arrow-right-purple: './../icons/arrow-right-purple.svg';
 }
 
 .c-review-carousel__summary {
+    @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;
+}