fix(cxl-ui): fix course card slotted text styles

conversionxl · Sep 26, 2023 · 10884d1 · 10884d1
1 parent 16a8c57
commit 10884d1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss
@@ -1,4 +1,6 @@
 /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix -- some of these are necessary for line-clamp implementation */
+/* stylelint-disable declaration-no-important */
+
 @use "~@conversionxl/cxl-ui/scss/mixins";
 
 :host {
@@ -14,16 +16,17 @@ header .name {
 }
 
 .content-wrapper {
+  height: 100%;
   min-height: calc(var(--lumo-line-height-s) * 6); // Six standard line-heights
   line-height: var(--lumo-line-height-s);
-  height: 100%;
 
   .content {
     @include mixins.ellipsis-for-lines(5);
 
     ::slotted(p) {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
+      font-family: var(--lumo-font-family) !important;
     }
   }
 
@@ -40,8 +43,8 @@ header .name {
 }
 
 footer {
-  display: flex;
   position: relative;
+  display: flex;
   justify-content: end;
 
   vaadin-details[theme="reverse"] {