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