From 4b06e52128782b9e5318e793d2033c491d473e7c Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Fri, 18 Feb 2022 00:45:36 -0800 Subject: [PATCH] Tweak the line height for reader text and titles We still aren't using the degular font, so I kept the font sizes the same as they are now. We will need to update if we change the font. --- packages/web/components/elements/StyledText.tsx | 2 +- packages/web/components/templates/article/ArticleContainer.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/web/components/elements/StyledText.tsx b/packages/web/components/elements/StyledText.tsx index 4f2459180..a36e41911 100644 --- a/packages/web/components/elements/StyledText.tsx +++ b/packages/web/components/elements/StyledText.tsx @@ -130,7 +130,7 @@ const textVariants = { export const StyledText = styled('p', { fontFamily: 'Inter', fontWeight: 'normal', - lineHeight: '1.35', + lineHeight: '120%', color: '$grayTextContrast', variants: textVariants, defaultVariants: { diff --git a/packages/web/components/templates/article/ArticleContainer.tsx b/packages/web/components/templates/article/ArticleContainer.tsx index 1dab11e67..0611b2c09 100644 --- a/packages/web/components/templates/article/ArticleContainer.tsx +++ b/packages/web/components/templates/article/ArticleContainer.tsx @@ -126,7 +126,7 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element { maxWidth: '94%', '--text-font-family': styles.fontFamily, '--text-font-size': `${styles.fontSize}px`, - '--line-height': `1.61em`, + '--line-height': `150%`, '--blockquote-padding': '0.5em 1em', '--blockquote-icon-font-size': '1.3rem', '--figure-margin': '1.6rem auto',