aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/intro.tsx
diff options
context:
space:
mode:
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 };