From 11c864e20d15d4181057628c1f695684332a7365 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Tue, 11 Dec 2018 10:33:48 +0100
Subject: Adds intermediate large heading size

---
 packages/website/ts/@next/components/layout.tsx     | 2 +-
 packages/website/ts/@next/constants/globalStyle.tsx | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'packages/website')

diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 03bd55027..0559d6e3d 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -87,10 +87,10 @@ export const Section = styled.section<SectionProps>`
     background-color: ${props => props.bgColor};
     position: ${props => props.isRelative && 'relative'};
     overflow: ${props => props.isRelative && 'hidden'};
+    margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`};
 
     @media (min-width: 1560px) {
         width: ${props => props.isFullWidth && '100vw'};
-        margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`};
         margin-left: ${props => props.isFullWidth && `calc(750px - 50vw)`};
     }
 
diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx
index 2408dfe4e..9b38a6c1b 100644
--- a/packages/website/ts/@next/constants/globalStyle.tsx
+++ b/packages/website/ts/@next/constants/globalStyle.tsx
@@ -51,6 +51,12 @@ const GlobalStyles = withTheme(createGlobalStyle<GlobalStyle> `
         }
     }
 
+    @media (max-width: 1170px) {
+      :root {
+        --largeHeading: 60px;
+      }
+    }
+
     @media (max-width: 768px) {
         :root {
             --smallHeading: 18px;
-- 
cgit v1.2.3