50 lines
999 B
JavaScript
50 lines
999 B
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';
|
|
|
|
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: '4px',
|
|
0: '0px',
|
|
1: '6px',
|
|
2: '12px',
|
|
3: '18px',
|
|
4: '24px',
|
|
5: '30px',
|
|
6: '36px',
|
|
10: '60px'
|
|
}
|
|
};
|
|
|
|
export default () => (
|
|
<ApolloProvider client={client} store={store}>
|
|
<ThemeProvider theme={fullTheme}>
|
|
<RootContainer>
|
|
<Router />
|
|
</RootContainer>
|
|
</ThemeProvider>
|
|
</ApolloProvider>
|
|
);
|