aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-03 22:31:17 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-03 22:31:17 +0800
commit06304b30c9c30ff679075b43ca5de4e47c972736 (patch)
tree9db06a4ed8130937a13159827dd1b2bb5bd86eec /packages/website/ts/@next
parent03962352df55fc4f6062b0764ea5987ca6dce97e (diff)
downloaddexon-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.tsx14
-rw-r--r--packages/website/ts/@next/constants/globalStyle.tsx2
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
}