diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-09-14 12:18:12 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-09-14 12:18:12 -0400 |
| commit | 2d145b026cfdf54a63bef0b9d6324b6785390307 (patch) | |
| tree | f6c1d8f987437803a5c026e70535bf9ff244e885 /stepped-solutions/FINISHED/frontend/components/Page.js | |
| parent | 8a5825d52271d712ec7c8348447d433067e13ef2 (diff) | |
move finished folder
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/Page.js')
| -rw-r--r-- | stepped-solutions/FINISHED/frontend/components/Page.js | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/stepped-solutions/FINISHED/frontend/components/Page.js b/stepped-solutions/FINISHED/frontend/components/Page.js deleted file mode 100644 index 75ab84a..0000000 --- a/stepped-solutions/FINISHED/frontend/components/Page.js +++ /dev/null @@ -1,68 +0,0 @@ -import React, { Component } from 'react'; -import styled, { ThemeProvider, injectGlobal } from 'styled-components'; -import Header from '../components/Header'; -import Meta from '../components/Meta'; - -const theme = { - red: '#FF0000', - black: '#393939', - grey: '#3A3A3A', - lightgrey: '#E1E1E1', - offWhite: '#EDEDED', - maxWidth: '1000px', - bs: '0 12px 24px 0 rgba(0, 0, 0, 0.09)', -}; - -const StyledPage = styled.div` - background: white; - color: ${props => props.theme.black}; -`; - -const Inner = styled.div` - max-width: ${props => props.theme.maxWidth}; - margin: 0 auto; - padding: 2rem; -`; - -injectGlobal` - @font-face { - font-family: 'radnika_next'; - src: url('/static/radnikanext-medium-webfont.woff2') format('woff2'); - font-weight: normal; - font-style: normal; - } - html { - box-sizing: border-box; - font-size: 10px; - } - *, *:before, *:after { - box-sizing: inherit; - } - body { - padding: 0; - margin: 0; - font-size: 1.5rem; - line-height: 2; - font-family: 'radnika_next'; - } - a { - text-decoration: none; - color: ${theme.black}; - } -`; - -class Page extends Component { - render() { - return ( - <ThemeProvider theme={theme}> - <StyledPage> - <Meta /> - <Header /> - <Inner>{this.props.children}</Inner> - </StyledPage> - </ThemeProvider> - ); - } -} - -export default Page; |
