diff options
Diffstat (limited to 'stepped-solutions/08/frontend/components/Page.js')
| -rwxr-xr-x | stepped-solutions/08/frontend/components/Page.js | 29 |
1 files changed, 28 insertions, 1 deletions
diff --git a/stepped-solutions/08/frontend/components/Page.js b/stepped-solutions/08/frontend/components/Page.js index 0731f9f..99f3158 100755 --- a/stepped-solutions/08/frontend/components/Page.js +++ b/stepped-solutions/08/frontend/components/Page.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; +import styled, { ThemeProvider, injectGlobal } from 'styled-components'; import Header from './Header'; import Meta from './Meta'; -import styled, { ThemeProvider, injectGlobal } from 'styled-components'; const theme = { red: '#FF0000', @@ -24,6 +24,33 @@ const Inner = styled.div` 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 ( |