refactor(publicationCard): update tag and name variables

eea · Mar 29, 2022 · c109ad9 · c109ad9
1 parent 7870f58
commit c109ad9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/theme/themes/eea/extras/publicationCard.less b/theme/themes/eea/extras/publicationCard.less
@@ -15,7 +15,7 @@
     background-color: @publicationCardBackgroundColor;
     color: @publicationCardtextColor;
     margin: @publicationCardMargin;
-    height: @publicationCardMobileHeight;
+    height: @mobilePublicationCardHeight;
 
     .header{
         background-repeat: no-repeat;
@@ -34,6 +34,8 @@
         .tag {
             font-size: @cardDescriptionTagFontSize;
             font-weight: @cardDescriptionTagFontWeight;
+            padding: @cardDescriptionTagPadding;
+            line-height: @cardDescriptionTagLineHeight;
         }
 
         .text {
@@ -42,15 +44,15 @@
             overflow: hidden;
             text-overflow: ellipsis;
             display: -webkit-box;
-            -webkit-line-clamp: @cardDescriptionTextLineClampMobile;
+            -webkit-line-clamp: @mobileCardDescriptionTextLineClamp;
             -webkit-box-orient: vertical;
         }
     }
 }
 
 @media only screen and (min-width: @tabletBreakpoint) {
     .eea.publication.card {
-        height: @publicationCardTabletHeight;
+        height: @tabletPublicationCardHeight;
 
         .header {
             height: calc(100% - @tabletCardDescriptionHeight);
@@ -60,7 +62,7 @@
             height: @tabletCardDescriptionHeight;
 
             .text {
-                -webkit-line-clamp: @cardDescriptionTextLineClampTablet;
+                -webkit-line-clamp: @tabletCardDescriptionTextLineClamp;
             }
         }
     }
@@ -69,7 +71,7 @@
 @media only screen and (min-width: @computerBreakpoint) {
     .eea.publication.card {
 
-        height: @publicationCardComputerHeight;
+        height: @computerPublicationCardHeight;
 
         .header {
             height: calc(100% - @computerCardDescriptionHeight);

diff --git a/theme/themes/eea/extras/publicationCard.variables b/theme/themes/eea/extras/publicationCard.variables
@@ -4,9 +4,9 @@
 
 @publicationCardtextColor: @white;
 @publicationCardMargin: 0.625rem 0;
-@publicationCardMobileHeight: 285px;
-@publicationCardTabletHeight: 350px;
-@publicationCardComputerHeight: 270px;
+@mobilePublicationCardHeight: 285px;
+@tabletPublicationCardHeight: 350px;
+@computerPublicationCardHeight: 270px;
 @publicationCardWidth: auto;
 
 /* Colors */
@@ -20,12 +20,14 @@
 @computerCardDescriptionHeight: 110px;
 @cardDescriptionPadding: @largeGap;
 @cardDescriptionWidth: 100%;
+@mobileCardDescriptionTextLineClamp: 3;
+@tabletCardDescriptionTextLineClamp: 2;
+@cardDescriptionTextFontSize: 1rem;
+@cardDescriptionTextFontWeight: 700;
 
-@cardDescriptionTextLineClampMobile: 3;
-@cardDescriptionTextLineClampTablet: 2;
-
+/* Tag */
 @cardDescriptionTagFontSize: 0.75rem;
 @cardDescriptionTagFontWeight: 400;
-@cardDescriptionTextFontSize: 1rem;
-@cardDescriptionTextFontWeight: 700;
+@cardDescriptionTagPadding: 0;
+@cardDescriptionTagLineHeight: 2;