54 lines
1.1 KiB
JavaScript
54 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import { ThemeProvider } from 'styled-components';
|
|
import { theme, RootContainer } from 'joyent-ui-toolkit';
|
|
import { ApolloProvider } from 'react-apollo';
|
|
|
|
import { client, store } from '@state/store';
|
|
import Router from '@root/router';
|
|
import remcalc from 'remcalc';
|
|
|
|
const fullTheme = {
|
|
...theme,
|
|
flexboxgrid: {
|
|
gridSize: 12, // rem
|
|
gutterWidth: 1.25, // rem
|
|
outerMargin: 1.875, // rem
|
|
mediaQuery: 'only screen',
|
|
container: {
|
|
sm: 46, // rem
|
|
md: 56, // rem
|
|
lg: 59 // rem
|
|
},
|
|
breakpoints: {
|
|
xs: 0, // em
|
|
sm: 48, // em
|
|
md: 64, // em
|
|
lg: 75 // em
|
|
}
|
|
},
|
|
spacing: {
|
|
0.5: remcalc(4),
|
|
0: remcalc(0),
|
|
1: remcalc(6),
|
|
2: remcalc(12),
|
|
3: remcalc(18),
|
|
4: remcalc(24),
|
|
5: remcalc(30),
|
|
6: remcalc(36),
|
|
7: remcalc(42),
|
|
8: remcalc(48),
|
|
9: remcalc(54),
|
|
10: remcalc(60)
|
|
}
|
|
};
|
|
|
|
export default () => (
|
|
<ApolloProvider client={client} store={store}>
|
|
<ThemeProvider theme={fullTheme}>
|
|
<RootContainer>
|
|
<Router />
|
|
</RootContainer>
|
|
</ThemeProvider>
|
|
</ApolloProvider>
|
|
);
|