diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-03 22:31:17 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-03 22:31:17 +0800 |
| commit | 06304b30c9c30ff679075b43ca5de4e47c972736 (patch) | |
| tree | 9db06a4ed8130937a13159827dd1b2bb5bd86eec /packages/website/ts/@next | |
| parent | 03962352df55fc4f6062b0764ea5987ca6dce97e (diff) | |
| download | dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar.gz dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar.bz2 dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar.lz dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar.xz dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.tar.zst dexon-sol-tools-06304b30c9c30ff679075b43ca5de4e47c972736.zip | |
Tweak line heights
Diffstat (limited to 'packages/website/ts/@next')
| -rw-r--r-- | packages/website/ts/@next/components/text.tsx | 14 | ||||
| -rw-r--r-- | packages/website/ts/@next/constants/globalStyle.tsx | 2 |
2 files changed, 12 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx index 52637908e..22026d810 100644 --- a/packages/website/ts/@next/components/text.tsx +++ b/packages/website/ts/@next/components/text.tsx @@ -33,10 +33,17 @@ interface ParagraphSizes { } const HEADING_SIZES: HeadingSizes = { - large: '80px', - medium: '50px', - default: '28px', small: '20px', + default: '28px', + medium: '50px', + large: '80px', +}; + +const HEADING_LINE_HEIGHTS: HeadingSizes = { + small: '1.4em', + default: '1.357142857em', + medium: '1.16em', + large: '1em', }; const PARAGRAPH_SIZES: ParagraphSizes = { @@ -49,6 +56,7 @@ const PARAGRAPH_SIZES: ParagraphSizes = { const StyledHeading = styled.h1<HeadingProps>` color: ${props => props.color || props.theme.textColor}; font-size: ${props => HEADING_SIZES[props.size || 'default']}; + line-height: ${props => HEADING_LINE_HEIGHTS[props.size || 'default']}; font-weight: 300; margin-bottom: ${props => !props.isNoMargin && '30px'}; text-align: ${props => props.isCentered && 'center'}; diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx index 72c8a933e..7e8f2ebdb 100644 --- a/packages/website/ts/@next/constants/globalStyle.tsx +++ b/packages/website/ts/@next/constants/globalStyle.tsx @@ -54,7 +54,7 @@ const GlobalStyles = withTheme(createGlobalStyle<GlobalStyle> ` object-fit: contain; } - p { + p, li { font-size: 1rem; line-height: 1.444444444em; // 26px } |