david
2 years ago
2 changed files with 12 additions and 9 deletions
@ -1,18 +1,20 @@
|
||||
import React from 'react'; |
||||
import { Global, css } from '@emotion/react'; |
||||
import tw, { theme, GlobalStyles as BaseStyles } from 'twin.macro'; |
||||
|
||||
const customStyles = css({ |
||||
body: { |
||||
WebkitTapHighlightColor: theme`colors.purple.500`, |
||||
...tw`antialiased`, |
||||
}, |
||||
}); |
||||
const customStyles = css` |
||||
:root { |
||||
font-size: 16px; |
||||
-webkit-tap-highlight-color: transparent; |
||||
${tw`antialiased font-sans`}, |
||||
} |
||||
`;
|
||||
|
||||
const GlobalStyles = () => ( |
||||
<> |
||||
<React.Fragment> |
||||
<BaseStyles /> |
||||
<Global styles={customStyles} /> |
||||
</> |
||||
</React.Fragment> |
||||
); |
||||
|
||||
export default GlobalStyles; |
||||
|
Loading…
Reference in new issue