line clamp after 4lines

2023-12-21 15:46:59 +01:00 · 2023-12-21 15:46:59 +01:00 · fdfcc5aca1
commit fdfcc5aca1
parent ccf89d7cd8
1 changed files with 6 additions and 0 deletions
--- a/template-components/cards/card-news.css
+++ b/template-components/cards/card-news.css
@ -49,7 +49,13 @@

  &__title {
    @apply !text-lg font-bold  text-secondary mb-1;
+    overflow: hidden;
+    text-overflow: ellipsis;
    line-height: 1.2 !important;
+    display: -webkit-box;
+    -webkit-line-clamp: 4; /* number of lines to show */
+    line-clamp: 4;
+    -webkit-box-orient: vertical;
  }
  .cta--read-more {
    @apply text-neutral-900 mt-auto;