refactor(less variables): change card description line number per device

eea · Mar 17, 2022 · 6946fda · 6946fda
1 parent 5911a0d
commit 6946fda
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/theme/themes/eea/extras/publicationCard.less b/theme/themes/eea/extras/publicationCard.less
@@ -42,7 +42,7 @@
             overflow: hidden;
             text-overflow: ellipsis;
             display: -webkit-box;
-            -webkit-line-clamp: 2;
+            -webkit-line-clamp: @cardDescriptionTextLineClampMobile;
             -webkit-box-orient: vertical;
         }
     }
@@ -58,6 +58,10 @@
 
         .description {
             height: @tabletCardDescriptionHeight;
+
+            .text {
+                -webkit-line-clamp: @cardDescriptionTextLineClampTablet;
+            }
         }
     }
   }

diff --git a/theme/themes/eea/extras/publicationCard.variables b/theme/themes/eea/extras/publicationCard.variables
@@ -21,6 +21,9 @@
 @cardDescriptionPadding: 20px;
 @cardDescriptionWidth: 100%;
 
+@cardDescriptionTextLineClampMobile: 3;
+@cardDescriptionTextLineClampTablet: 2;
+
 @cardDescriptionTagFontSize: 12px;
 @cardDescriptionTagFontWeight: 400;
 @cardDescriptionTextFontSize: 16px;