diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/intro.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/intro.tsx | 70 |
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 }; |