From 82d6f2150b5a96b9effbaf86b9c28abb5b2b750a Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Fri, 30 Nov 2018 14:35:17 +0100
Subject: Adds wrapGrid, bit of cleanup

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

(limited to 'packages/website/ts/@next/components/layout.tsx')

diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 9bf063040..ce5d6d578 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import styled from 'styled-components';
 
 interface WrapWidths {
@@ -106,6 +105,12 @@ export const WrapCentered = styled(WrapBase)`
     align-items: center;
 `;
 
+export const WrapGrid = styled(WrapBase)`
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+`;
+
 export const Column = styled.div<ColumnProps>`
     padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')};
     border: 1px dotted rgba(255, 0, 0, 0.3);
-- 
cgit v1.2.3

