aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/intro.tsx
diff options
context:
space:
mode:
authorHsuan Lee <boczeratul@gmail.com>2019-03-06 17:46:50 +0800
committerHsuan Lee <boczeratul@gmail.com>2019-03-06 17:46:50 +0800
commit35703539d0f2b4ddb3b11d0de8c9634af59ab71f (patch)
treeae3731221dbbb3a6fa40060a8d916cfd3f738289 /packages/dev-tools-pages/ts/components/intro.tsx
parent92a1fde5b1ecd81b07cdb5bf0c9c1cd3544799db (diff)
downloaddexon-0x-contracts-stable.tar
dexon-0x-contracts-stable.tar.gz
dexon-0x-contracts-stable.tar.bz2
dexon-0x-contracts-stable.tar.lz
dexon-0x-contracts-stable.tar.xz
dexon-0x-contracts-stable.tar.zst
dexon-0x-contracts-stable.zip
Deploy @dexon-foundation/0x.jsstable
Diffstat (limited to 'packages/dev-tools-pages/ts/components/intro.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/intro.tsx70
1 files changed, 0 insertions, 70 deletions
diff --git a/packages/dev-tools-pages/ts/components/intro.tsx b/packages/dev-tools-pages/ts/components/intro.tsx
deleted file mode 100644
index a0e76ab17..000000000
--- a/packages/dev-tools-pages/ts/components/intro.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components';
-
-import { colors, media } from 'ts/variables';
-
-import { Breakout } from './breakout';
-import { Container } from './container';
-import { Alpha, Lead } from './typography';
-
-const Main = styled.div`
- background-color: ${colors.lightGray};
- padding: 6.25rem;
- display: flex;
- justify-content: space-between;
-
- ${media.large`
- padding: 2.5rem;
- `};
- ${media.medium`
- display: block;
- `};
-`;
-
-const Title = styled(Alpha)`
- margin-bottom: 2.5rem;
-
- ${media.medium`margin-bottom: 2.25rem;`};
-`;
-
-const StyledIntroLead = styled(Lead)`
- max-width: 25.9375rem;
- margin-right: 2rem;
- ${media.medium`
- max-width: 100%;
- margin-bottom: 1.5625rem;
- `};
-`;
-
-const StyledIntroAside = styled.div`
- max-width: 32.5rem;
- position: relative;
- ${media.medium`
- max-width: 100%;
- `};
-`;
-
-interface IntroLeadProps {
- title: string;
-}
-
-const IntroLead: React.StatelessComponent<IntroLeadProps> = props => (
- <StyledIntroLead as="div">
- <Title>{props.title}</Title>
- {props.children}
- </StyledIntroLead>
-);
-
-const IntroAside: React.StatelessComponent<{}> = props => (
- <Breakout>
- <StyledIntroAside>{props.children}</StyledIntroAside>
- </Breakout>
-);
-
-const Intro: React.StatelessComponent<{}> = props => (
- <Container wide={true}>
- <Main>{props.children}</Main>
- </Container>
-);
-
-export { IntroLead, IntroAside, Intro };