aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-30 21:35:17 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-30 21:35:17 +0800
commit82d6f2150b5a96b9effbaf86b9c28abb5b2b750a (patch)
tree6c148213d45a99634b43193fa41f073f5235b450 /packages/website/ts/@next/components
parent5f177108d17357fae990679b68a7836ba53f648e (diff)
downloaddexon-0x-contracts-82d6f2150b5a96b9effbaf86b9c28abb5b2b750a.tar.gz
dexon-0x-contracts-82d6f2150b5a96b9effbaf86b9c28abb5b2b750a.tar.zst
dexon-0x-contracts-82d6f2150b5a96b9effbaf86b9c28abb5b2b750a.zip
Adds wrapGrid, bit of cleanup
Diffstat (limited to 'packages/website/ts/@next/components')
-rw-r--r--packages/website/ts/@next/components/layout.tsx7
-rw-r--r--packages/website/ts/@next/components/text.tsx2
2 files changed, 7 insertions, 2 deletions
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);
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
index 7954a5f28..6c45cc211 100644
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -5,7 +5,7 @@ import { colors } from 'ts/style/colors';
interface HeadingProps {
asElement?: 'h1'| 'h2'| 'h3'| 'h4';
- size?: 'default' | 'medium' | 'large';
+ size?: 'default' | 'medium' | 'large' | 'small';
center?: boolean;
children: Node | string;
noMargin?: any;