Override line height for sans headlines (used on labs content) (#13115)

guardian · Jan 9, 2025 · 6c0c856 · 6c0c856
1 parent 0693247
commit 6c0c856
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/dotcom-rendering/src/components/CardHeadline.tsx b/dotcom-rendering/src/components/CardHeadline.tsx
@@ -117,17 +117,18 @@ const fontFamilies = {
 		xxxsmall: headlineLight15,
 		tiny: headlineLight14,
 	},
+	/** Line height for sans style headlines for labs is overridden to match that of other headlines (1.15) */
 	textSans: {
-		xxxlarge: textSans20,
-		xxlarge: textSans20,
-		xlarge: textSans20,
-		large: textSans20,
-		medium: textSans20,
-		small: textSans20,
-		xsmall: textSans20,
-		xxsmall: textSans17,
-		xxxsmall: textSans15,
-		tiny: textSans12,
+		xxxlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		xxlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		xlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		large: `${textSans20}\n\tline-height: 1.15;\n`,
+		medium: `${textSans20}\n\tline-height: 1.15;\n`,
+		small: `${textSans20}\n\tline-height: 1.15;\n`,
+		xsmall: `${textSans20}\n\tline-height: 1.15;\n`,
+		xxsmall: `${textSans17}\n\tline-height: 1.15;\n`,
+		xxxsmall: `${textSans15}\n\tline-height: 1.15;\n`,
+		tiny: `${textSans12}\n\tline-height: 1.15;\n`,
 	},
 } as const;