fix: enforce tailwind classes on grommet components (#252)

Author: maanasb01

gatsby-browser.js

@@ -12,5 +12,5 @@ import "./prism-cb.css"
 
 // Gatsby API to set Wrapper components. Wrapping entire root with Grommet to get access to especially ResponsiveContext
 export const wrapRootElement = ({ element }) => {
-  return <Grommet>{element}</Grommet>
+  return <Grommet><div id="app">{element}</div></Grommet>
 }

gatsby-ssr.js

@@ -12,5 +12,5 @@ import "./prism-cb.css"
 
 // Gatsby API to set Wrapper components. Wrapping entire root with Grommet to get access to especially ResponsiveContext
 export const wrapRootElement = ({ element }) => {
-  return <Grommet>{element}</Grommet>
+  return <Grommet><div id="app">{element}</div></Grommet>
 }

tailwind.config.js

@@ -8,6 +8,7 @@ module.exports = {
   theme: {
     extend: {},
   },
+  important: "#app",
   plugins: [],
   corePlugins: {
     preflight: false,