How to use gatsby-theme-apollo - 4 common examples
To help you get started, we’ve selected a few gatsby-theme-apollo examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
apollographql / principled-graphql / src / templates / page.js View on Github 
[marginProperty]: 24,
textAlign: align,
[breakpointMd]: {
[marginProperty]: 16
}
};
});
const PageNavLinkHeading = styled.div({
fontSize: 12,
letterSpacing: 2,
textTransform: 'uppercase'
});
const PageNavLinkTitle = styled.div({
color: colors.text1
});
const Footer = styled.footer({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: 48,
fontSize: 14,
color: colors.text1,
backgroundColor: colors.background
});
const Colophon = styled.span({
margin: '20px 0'
});fontSize: 12,
letterSpacing: 2,
textTransform: 'uppercase'
});
const PageNavLinkTitle = styled.div({
color: colors.text1
});
const Footer = styled.footer({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: 48,
fontSize: 14,
color: colors.text1,
backgroundColor: colors.background
});
const Colophon = styled.span({
margin: '20px 0'
});
const FooterNav = styled.nav({
textAlign: 'center',
a: {
margin: '0 12px',
color: 'inherit',
textDecoration: 'none',
':hover': {
textDecoration: 'underline'
}letterSpacing: 2,
textTransform: 'uppercase'
});
const PageNavLinkTitle = styled.div({
color: colors.text1
});
const Footer = styled.footer({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: 48,
fontSize: 14,
color: colors.text1,
backgroundColor: colors.background
});
const Colophon = styled.span({
margin: '20px 0'
});
const FooterNav = styled.nav({
textAlign: 'center',
a: {
margin: '0 12px',
color: 'inherit',
textDecoration: 'none',
':hover': {
textDecoration: 'underline'
}
}});
const MainHeading = styled.h1({
display: 'flex',
alignItems: 'center'
});
const HeadingImage = styled.img({
width: '2em',
margin: 0,
marginRight: '0.5em'
});
const Markdown = styled.div({
a: {
color: colors.primary,
textDecoration: 'none',
':hover': {
textDecoration: 'underline'
}
},
'.anchor': {
color: 'inherit',
svg: {
fill: 'currentColor'
}
},
'.float': {
width: '50%',
marginLeft: 24,
marginBottom: 24,
float: 'right',gatsby-theme-apollo
Sets up your Gatsby website for use with Apollo
