From 83499176d9b627d383a7edc17dd862861af05320 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Thu, 29 Nov 2018 17:43:17 +0100 Subject: Adjust global font size --- packages/website/ts/@next/components/container.tsx | 4 ++-- packages/website/ts/@next/components/header.tsx | 7 ++++--- packages/website/ts/@next/constants/globalStyle.tsx | 2 +- 3 files changed, 7 insertions(+), 6 deletions(-) (limited to 'packages') 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` 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}; } -- cgit v1.2.3