Add typographyToCss overrides param

gameflow-tv · Aug 6, 2021 · d219988 · d219988
1 parent 3288c5d
commit d219988
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/lib/theme/typography.ts b/src/lib/theme/typography.ts
@@ -1,10 +1,11 @@
 export type FontFamily = 'Montserrat' | 'Mulish'
 
-export const typographyToCss = (style: TypographyStyle) => `
-  font-family: ${style.fontFamily};
-  font-size: ${style.fontSize};
-  font-weight: ${style.fontWeight};
-  line-height: ${style.lineHeight};
+export const typographyToCss = (style: TypographyStyle, overrides?: Partial<TypographyStyle>) => `
+  font-family: ${overrides && overrides.fontFamily ? overrides.fontFamily : style.fontFamily};
+  font-size: ${overrides && overrides.fontSize ? overrides.fontSize : style.fontSize};
+  font-weight: ${overrides && overrides.fontWeight ? overrides.fontWeight : style.fontWeight};
+  line-height: ${overrides && overrides.lineHeight ? overrides.lineHeight : style.lineHeight};
+  margin-block: 0;
 `
 
 export type TypographyStyle = {