diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:35:17 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:35:17 +0800 |
commit | 82d6f2150b5a96b9effbaf86b9c28abb5b2b750a (patch) | |
tree | 6c148213d45a99634b43193fa41f073f5235b450 /packages/website/ts/@next/components | |
parent | 5f177108d17357fae990679b68a7836ba53f648e (diff) | |
download | dexon-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.tsx | 7 | ||||
-rw-r--r-- | packages/website/ts/@next/components/text.tsx | 2 |
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; |