diff options
Diffstat (limited to 'finished-application/frontend/components/Page.js')
| -rw-r--r-- | finished-application/frontend/components/Page.js | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/finished-application/frontend/components/Page.js b/finished-application/frontend/components/Page.js deleted file mode 100644 index c3e04ac..0000000 --- a/finished-application/frontend/components/Page.js +++ /dev/null @@ -1,67 +0,0 @@ -import React from 'react'; -import styled, { ThemeProvider, injectGlobal } from 'styled-components'; -import PropTypes from 'prop-types'; -import Header from './Header'; -import Meta from './Meta'; - -const theme = { - red: '#FF0000', - black: '#393939', - grey: '#3A3A3A', - lightgrey: '#E1E1E1', - offWhite: '#EDEDED', - maxWidth: '1300px', - bs: '0 12px 24px 0 rgba(0, 0, 0, 0.09)', -}; - -injectGlobal` - html { - box-sizing: border-box; - font-size: 10px; - } - body { - font-family: 'radnika next', sans-serif; - padding: 0; - background-color: #ffffff; - margin: 0; - font-size: 1.5rem; - line-height: 2; - } - *, *:before, *:after { - box-sizing: inherit; - } - a { - color: ${theme.black}; - text-decoration: none; - } -`; - -const Inner = styled.div` - max-width: 1000px; - margin: 0 auto; - padding: 2rem; -`; - -const StyledPage = styled.div` - color: ${props => props.theme.black}; - background: white; -`; - -class Page extends React.Component { - static propTypes = { - children: PropTypes.node.isRequired, - }; - render() { - return ( - <ThemeProvider theme={theme}> - <StyledPage> - <Meta /> - <Header /> - <Inner>{this.props.children}</Inner> - </StyledPage> - </ThemeProvider> - ); - } -} - -export default Page; |
