From 83874a2b5af27e9ba87e68159b22160726aac35c Mon Sep 17 00:00:00 2001 From: Alexandre Caron Date: Wed, 18 Oct 2023 15:16:07 -0400 Subject: [PATCH] fix(core): typography - adjust some size regression --- packages/core/src/theming/typography.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/core/src/theming/typography.scss b/packages/core/src/theming/typography.scss index ba19da6f20..e109e07302 100644 --- a/packages/core/src/theming/typography.scss +++ b/packages/core/src/theming/typography.scss @@ -6,13 +6,13 @@ $igo-typography: mat.define-typography-config( $headline-3: mat.define-typography-level(43px, 46px, 500), $headline-4: mat.define-typography-level(32px, 38px, 500), // h1 - $headline-5: mat.define-typography-level(32px, 38px, 500), + $headline-5: mat.define-typography-level(24px, 32px, 400), // h2 - $headline-6: mat.define-typography-level(22px, 30px, 500), + $headline-6: mat.define-typography-level(20px, 30px, 400), // h3 - $subtitle-1: mat.define-typography-level(18px, 26px, 500), + $subtitle-1: mat.define-typography-level(16px, 26px, 500), // h4 - $subtitle-2: mat.define-typography-level(16px, 22px, 500), + $subtitle-2: mat.define-typography-level(14px, 22px, 500), $body-1: mat.define-typography-level(14px, 22px, 400), $body-2: mat.define-typography-level(12px, 18px, 400), $caption: mat.define-typography-level(12px, 18px, 400), @@ -22,7 +22,7 @@ $igo-typography: mat.define-typography-config( // WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1 // https://github.com/angular/components/issues/26351 h4 { - font-size: 16px !important; + font-size: 14px !important; line-height: 22px !important; font-weight: 500 !important; }