Move styles to app.js

prismicio-community · Feb 10, 2021 · 934284b · 934284b
1 parent 35fcedf
commit 934284b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -0,0 +1,18 @@
+// import App from 'next/app'
+import { reset, globals } from 'styles'
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <>
+      <style jsx global>
+        {reset}
+      </style>
+      <style jsx global>
+        {globals}
+      </style>
+      <Component {...pageProps} />
+    </>
+  )
+}
+
+export default MyApp
diff --git a/pages/_document.js b/pages/_document.js
@@ -13,11 +13,12 @@ class MyDocument extends Document {
       <Html>
         <Head>
           <meta charSet="utf-8" />
-          <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet" />
+          <link
+            href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900"
+            rel="stylesheet"
+          />
           <link rel="icon" href="/favicon.png" type="image/png" />
         </Head>
-        <style jsx global>{ reset }</style>
-        <style jsx global>{ globals }</style>
         <body>
           <Main />
           <NextScript />