From c698713bfa3e6e71ae88a989bb58ac020dded7a6 Mon Sep 17 00:00:00 2001
From: Andrew Noblet <andrewbnoblet@gmail.com>
Date: Wed, 22 May 2024 14:30:07 +0000
Subject: [PATCH] feat(cxl-ui): cxl-course-card update name styles

https://cxlworld.slack.com/archives/C01HNLQNVA9/p1715760558848559
---
 packages/cxl-ui/scss/cxl-course-card.scss | 31 ++++++++++++++---------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss
index 8312d83ad..23bbfc51f 100644
--- 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;
+  }
 }