Merge pull request #415 from conversionxl/anoblet/feat/course

feat(cxl-ui): cxl-course-card update name styles
conversionxl · May 23, 2024 · 2aeb35b · 2aeb35b
2 parents 8ca58ce + 9d44ec9
commit 2aeb35b
Showing 1 changed file with 25 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,35 @@ 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;
+  }
+}
+
+:host([theme~="minidegree"]) {
+  .info {
+    max-width: unset;
+  }
 }