🔧 configuration

DevDesigneer · Oct 11, 2020 · ac36625 · ac36625
1 parent b9b1049
commit ac36625
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 1 deletion.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -0,0 +1,21 @@
+import React from "react"
+import { createGlobalStyle } from "styled-components"
+
+const GlobalStyles = createGlobalStyle`
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  body, html {
+    font-family: "Inter", sans-serif;
+    height: 100%;
+  }
+`
+
+export const wrapRootElement = ({ element }) => (
+  <>
+    <GlobalStyles />
+    {element}
+  </>
+)
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -6,5 +6,17 @@
 
 module.exports = {
   /* Your site config here */
-  plugins: [],
+  plugins: [
+    `gatsby-plugin-styled-components`,
+    {
+      resolve: `gatsby-plugin-prefetch-google-fonts`,
+      options: {
+        fonts: [
+          {
+            family: `Inter`,
+          },
+        ],
+      },
+    },
+  ],
 }
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
@@ -0,0 +1,21 @@
+import React from "react"
+import { createGlobalStyle } from "styled-components"
+
+const GlobalStyles = createGlobalStyle`
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  body, html {
+    font-family: "Inter", sans-serif;
+    height: 100%;
+  }
+`
+
+export const wrapRootElement = ({ element }) => (
+  <>
+    <GlobalStyles />
+    {element}
+  </>
+)