diff --git a/packages/cxl-lumo-styles/scss/global.scss b/packages/cxl-lumo-styles/scss/global.scss index 8de7a6c80..07cae0bad 100644 --- a/packages/cxl-lumo-styles/scss/global.scss +++ b/packages/cxl-lumo-styles/scss/global.scss @@ -3,7 +3,7 @@ html { // Variables. - --cxl-content-max-width: 48em; + --cxl-content-max-width: 48rem; --cxl-content-max-width-wide: calc(var(--cxl-content-max-width) * 2); --cxl-wrap-padding: var(--lumo-space-m); --cxl-hero-content-max-width: 650px; @@ -353,16 +353,26 @@ vaadin-context-menu-item[theme~="cxl-context-menu-section-header"] { } /** - * Increase blog font size + * Increase font size * @see https://app.clickup.com/t/86b1dy579 * @since 2024.08.12 */ -body.theme-conversionxl-better { - --cxl-content-max-width: 48rem; +.archive-description, +.entry-content, +.entry-summary { + font-size: var(--lumo-font-size-l); +} + +vaadin-details { + h4 { + font-weight: 500; + } - .archive-description, - .entry-content, - .entry-summary { + .detail-content { font-size: var(--lumo-font-size-l); + + ul { + margin: 0; + } } } diff --git a/packages/cxl-ui/scss/cxl-certificate-header.scss b/packages/cxl-ui/scss/cxl-certificate-header.scss index 68ec8f1fd..ea190225d 100644 --- a/packages/cxl-ui/scss/cxl-certificate-header.scss +++ b/packages/cxl-ui/scss/cxl-certificate-header.scss @@ -59,6 +59,7 @@ .description { margin-top: var(--lumo-space-l); font-family: var(--cxl-lumo-font-secondary); + font-size: var(--lumo-font-size-l); line-height: var(--lumo-line-height-m); } diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss index 5ce12a646..96fce88b9 100644 --- a/packages/cxl-ui/scss/cxl-course-card.scss +++ b/packages/cxl-ui/scss/cxl-course-card.scss @@ -1,10 +1,11 @@ /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix -- some of these are necessary for line-clamp implementation */ -/* stylelint-disable declaration-no-important */ +/* stylelint-disable declaration-no-important, order/properties-order */ @use "~@conversionxl/cxl-ui/scss/mixins"; @use "~@conversionxl/cxl-lumo-styles/scss/typography"; :host { + font-size: var(--lumo-font-size-m); height: 280px; }