-
Notifications
You must be signed in to change notification settings - Fork 0
/
_app.js
67 lines (61 loc) · 1.33 KB
/
_app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import App from "next/app";
import { ThemeProvider, createGlobalStyle } from "styled-components";
import "../common/i18n";
import "../public/empty.css";
import Page from "../components/Page";
class AppInit extends App {
render() {
const {
Component,
pageProps,
router: { route },
} = this.props;
const theme = {
red: "#FF0000",
black: "#393939",
grey: "#3A3A3A",
lightgrey: "#E1E1E1",
placeholder: "#484848",
offWhite: "#EDEDED",
gold: "#CA9E46",
maxWidth: "900px",
bs: "0 12px 24px 0 hsla(0, 0%, 0%, 0.09)",
};
const GlobalStyle = createGlobalStyle`
html {
box-sizing: border-box;
font-size: 10px;
}
*, *:before, *:after {
box-sizing: inherit;
margin: 0;
padding: 0;
}
body {
padding: 0;
margin: 0;
font-size: 1.5rem;
line-height: 1;
font-family: 'Montserrat';
height: 100vh;
overflow-x: hidden;
}
a {
text-decoration: none;
color: ${props => props.theme.black};
}
h1 {
font-family: 'Marck Script', cursive;
}
`;
return (
<ThemeProvider theme={theme}>
<GlobalStyle />
<Page route={route}>
<Component {...pageProps} />
</Page>
</ThemeProvider>
);
}
}
export default AppInit;