feat(cxl-ui): cxl-course-card update name styles

https://cxlworld.slack.com/archives/C01HNLQNVA9/p1715760558848559
conversionxl · May 22, 2024 · c698713 · c698713
1 parent 2abd89a
commit c698713
Showing 1 changed file with 19 additions and 12 deletions.
diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss
@@ -112,22 +112,29 @@ footer {
 }
 
 :host(.cxl-full-card) {
-    height: 320px;
+  height: 320px;
 
-    header {
-      .info {
-        .name {
-          @include mixins.ellipsis-for-lines(3);
-        }
+  header {
+    .info {
+      .name {
+        @include mixins.ellipsis-for-lines(3);
       }
     }
+  }
 
-    .content-wrapper {
-      min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights
+  .content-wrapper {
+    min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights
 
-      .content {
-        @include mixins.ellipsis-for-lines(4);
-        min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights
-      }
+    .content {
+      @include mixins.ellipsis-for-lines(4);
+      min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights
     }
+  }
+}
+
+:host([theme~="course"]) {
+  .name {
+    font-size: var(--lumo-font-size-m);
+    -webkit-line-clamp: unset;
+  }
 }