diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:22:36 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:23:12 +0800 |
commit | f4a95c295c427c00a5cb2df83ad145886a9d1bf4 (patch) | |
tree | 00caeb652e837cadd03032cbf6d21fad503b835d /packages/website/ts/@next/components/newLayout.tsx | |
parent | 142d29ba57f55aefd5c5e5f669c388ab57152173 (diff) | |
download | dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.gz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.bz2 dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.lz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.xz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.zst dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.zip |
WIP Begin cleanup, adds mediaquery component
Diffstat (limited to 'packages/website/ts/@next/components/newLayout.tsx')
-rw-r--r-- | packages/website/ts/@next/components/newLayout.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx index 3126db7ee..fe0a290c5 100644 --- a/packages/website/ts/@next/components/newLayout.tsx +++ b/packages/website/ts/@next/components/newLayout.tsx @@ -1,7 +1,8 @@ import * as React from 'react'; import styled from 'styled-components'; -interface WrapProps { +export interface WrapProps { + bgColor?: string; offsetTop?: string; maxWidth?: string; wrapWidth?: string; @@ -11,7 +12,7 @@ interface WrapProps { isWrapped?: boolean; } -interface WrapGridProps { +export interface WrapGridProps { isWrapped?: boolean; isCentered?: boolean; } @@ -20,7 +21,7 @@ export interface WrapStickyProps { offsetTop?: string; } -interface SectionProps extends WrapProps { +export interface SectionProps extends WrapProps { isPadded?: boolean; isFullWidth?: boolean; isFlex?: boolean; @@ -28,15 +29,16 @@ interface SectionProps extends WrapProps { flexBreakpoint?: string; maxWidth?: string; bgColor?: 'dark' | 'light' | string; + children: any; } -interface FlexProps { +export interface FlexProps { padding?: string; isFlex?: boolean; flexBreakpoint?: string; } -interface ColumnProps { +export interface ColumnProps { padding?: string; width?: string; maxWidth?: string; |