From c2cdf333d55607c1f7b9db2d6c076fa494a9349f Mon Sep 17 00:00:00 2001
From: Andrew Noblet <andrewbnoblet@gmail.com>
Date: Wed, 29 May 2024 15:26:37 +0000
Subject: [PATCH] feat(cxl-ui): cxl-course-card update styles when on large
 devices

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

diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss
index 5f25b7b60..73506f630 100644
--- a/packages/cxl-ui/scss/cxl-course-card.scss
+++ b/packages/cxl-ui/scss/cxl-course-card.scss
@@ -2,6 +2,7 @@
 /* stylelint-disable declaration-no-important  */
 
 @use "~@conversionxl/cxl-ui/scss/mixins";
+@use "~@conversionxl/cxl-lumo-styles/scss/mq";
 @use "~@conversionxl/cxl-lumo-styles/scss/typography";
 
 :host {
@@ -134,8 +135,10 @@ footer {
 
 :host([theme~="course"]) {
   .name {
-    font-size: var(--lumo-font-size-m);
-    -webkit-line-clamp: unset;
+    @media #{mq.$medium} {
+      -webkit-line-clamp: 3;
+      font-size: var(--lumo-font-size-m);
+    }
   }
 }