diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 00:43:17 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 16:58:20 +0800 |
commit | 83499176d9b627d383a7edc17dd862861af05320 (patch) | |
tree | 47565382e15aecd26c9bb316a14443858af2ba09 /packages/website | |
parent | 5294c31997a20e4ff9daf25b62f5b78e42419daf (diff) | |
download | dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar.gz dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar.bz2 dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar.lz dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar.xz dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.tar.zst dexon-sol-tools-83499176d9b627d383a7edc17dd862861af05320.zip |
Adjust global font size
Diffstat (limited to 'packages/website')
-rw-r--r-- | packages/website/ts/@next/components/container.tsx | 4 | ||||
-rw-r--r-- | packages/website/ts/@next/components/header.tsx | 7 | ||||
-rw-r--r-- | packages/website/ts/@next/constants/globalStyle.tsx | 2 |
3 files changed, 7 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/container.tsx b/packages/website/ts/@next/components/container.tsx index 4eacb5e51..1e8aae793 100644 --- a/packages/website/ts/@next/components/container.tsx +++ b/packages/website/ts/@next/components/container.tsx @@ -8,9 +8,9 @@ interface ContainerProps { const StyledContainer = styled.div<ContainerProps>` background-color: ${props => props.bgColor || 'transparent'}; - max-width: 117rem; // 2000px + max-width: 111.111111111rem; // 2000px margin: 0 auto; - padding: 0 1.764705882rem; // 30px + padding: 0 1.666666667rem; // 30px ${props => props.removePadding && `padding: 0;`} `; diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index ac37e3ab2..0d4679df6 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -15,11 +15,12 @@ const StyledHeader = styled.header` align-items: center; justify-content: space-between; padding: 1.764705882rem 0; + padding: 1.666666667rem 0; `; const Text = styled.span` font-size: 1rem; - line-height: 1.375rem; + line-height: 1.222222222em; `; const Links = styled.div` @@ -29,8 +30,8 @@ const Links = styled.div` const Link = styled.a` color: rgba(255, 255, 255, 0.5); - font-size: 18px; - margin: 0 1.764705882rem; + font-size: 1rem; + margin: 0 1.666666667em; transition: color 0.25s ease-in-out; text-decoration: none; diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx index 660832c60..be067473b 100644 --- a/packages/website/ts/@next/constants/globalStyle.tsx +++ b/packages/website/ts/@next/constants/globalStyle.tsx @@ -23,7 +23,7 @@ const GlobalStyles = createGlobalStyle ` } html { - font-size: 17px; + font-size: 18px; background-color: ${colors.backgroundBlack}; } |