From 338207776849bb3846c84e8cdcae261abb0820b6 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 28 Nov 2018 17:08:59 +0100
Subject: Add bgColor and removePadding props to container

---
 packages/website/ts/@next/components/container.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'packages')

diff --git a/packages/website/ts/@next/components/container.tsx b/packages/website/ts/@next/components/container.tsx
index a4da10cfd..4eacb5e51 100644
--- a/packages/website/ts/@next/components/container.tsx
+++ b/packages/website/ts/@next/components/container.tsx
@@ -2,19 +2,24 @@ import * as React from 'react';
 import styled from 'styled-components';
 
 interface ContainerProps {
+  bgColor?: string;
+  removePadding?: boolean;
 }
 
-const StyledContainer = styled.div`
+const StyledContainer = styled.div<ContainerProps>`
+    background-color: ${props => props.bgColor || 'transparent'};
     max-width: 117rem; // 2000px
     margin: 0 auto;
     padding: 0 1.764705882rem; // 30px
+
+    ${props => props.removePadding && `padding: 0;`}
 `;
 
 export const Container: React.StatelessComponent<ContainerProps> = props => {
   const { children } = props;
 
   return (
-    <StyledContainer>
+    <StyledContainer {...props}>
       {children}
     </StyledContainer>
   );
-- 
cgit v1.2.3