From 0c5fa5892ce0881511b5089440b8c9aca07ba3ed Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 13:43:06 +0100
Subject: Fixes fullwidth prop on new layout section

---
 packages/website/ts/@next/components/newLayout.tsx |  2 +-
 packages/website/ts/@next/pages/instant.tsx        | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 8598b8f12..b7953c8d7 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -70,7 +70,7 @@ const SectionBase = styled.section`
 `;
 
 const Wrap = styled(FlexWrap)`
-    width: calc(100% - 60px);
+    width: ${props => !props.isFullWidth && 'calc(100% - 60px)'};
     max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')};
     margin: 0 auto;
     text-align: ${props => props.isTextCentered && 'center'};
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index 02cbdf1d2..ff5b7140e 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -10,13 +10,13 @@ import {Hero} from 'ts/@next/components/hero';
 import {Banner} from 'ts/@next/components/banner';
 import {Button, ButtonWrap, Link} from 'ts/@next/components/button';
 import {Icon} from 'ts/@next/components/Icon';
-import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout';
+import {Column, Wrap, WrapCentered} from 'ts/@next/components/layout';
 import {SiteWrap} from 'ts/@next/components/siteWrap';
 import {Heading, Paragraph} from 'ts/@next/components/text';
 
 import {Definition} from 'ts/@next/components/Definition';
 
-import {Section as NewSection} from 'ts/@next/components/newLayout';
+import {Section} from 'ts/@next/components/newLayout';
 // import { Configurator } from 'ts/pages/instant/configurator';
 
 import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
@@ -77,7 +77,7 @@ export const Next0xInstant = () => (
             actions={<Button href="#">Get Started</Button>}
         />
 
-        <Section isFullWidth={true} isNoPadding={true}>
+        <Section>
             <Wrap width="full">
                 <MarqueeWrap>
                     <div>
@@ -89,7 +89,7 @@ export const Next0xInstant = () => (
             </Wrap>
         </Section>
 
-        <NewSection>
+        <Section>
             {_.map(featuresData, (item, index) => (
                 <Definition
                     icon={item.icon}
@@ -100,10 +100,11 @@ export const Next0xInstant = () => (
                     actions={item.links}
                 />
             ))}
-        </NewSection>
+        </Section>
 
         <Section bgColor={colors.backgroundDark}>
             <Wrap>
+                Configurator goes here
                 {/* <Configurator hash={CONFIGURATOR_HASH} /> */}
             </Wrap>
         </Section>
-- 
cgit