Merge pull request #1 from CovidKenya/staging

Update fork

gatsby-browser.js

@@ -1,2 +1,4 @@
+import "./src/css/globals.css"
+
 import wrapWithProvider from "./wrap-with-provider"
 export const wrapRootElement = wrapWithProvider

gatsby-config.js

@@ -28,5 +28,22 @@ module.exports = {
       },
     },
     `gatsby-plugin-offline`,
+    {
+      resolve: `gatsby-theme-tailwindcss`,
+      options: {
+        postCssPlugins: [require("autoprefixer")],
+      },
+    },
+    {
+      resolve: `gatsby-plugin-purgecss`,
+      options: {
+        printRejected: true,
+        develop: true,
+        tailwind: true,
+        // whitelist: ['whitelist'], // Don't remove this selector
+        // ignore: ['/ignored.css', 'prismjs/', 'docsearch.js/'], // Ignore files/folders
+        // purgeOnly : ['components/', '/main.css', 'bootstrap/'], // Purge only these files/folders
+      },
+    },
   ],
 }

package.json

@@ -9,9 +9,11 @@
     "gatsby-image": "^2.4.0",
     "gatsby-plugin-manifest": "^2.4.2",
     "gatsby-plugin-offline": "^3.2.1",
+    "gatsby-plugin-purgecss": "^5.0.0",
     "gatsby-plugin-react-helmet": "^3.3.0",
     "gatsby-plugin-sharp": "^2.6.0",
     "gatsby-source-filesystem": "^2.3.0",
+    "gatsby-theme-tailwindcss": "^1.1.0",
     "gatsby-transformer-sharp": "^2.5.0",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
@@ -24,7 +26,8 @@
   "devDependencies": {
     "@loadable/babel-plugin": "^5.12.0",
     "@loadable/webpack-plugin": "^5.12.0",
-    "prettier": "2.0.5"
+    "prettier": "2.0.5",
+    "tailwindcss": "^1.4.6"
   },
   "keywords": [
     "gatsby"

postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = () => ({
+  plugins: [require("tailwindcss")],
+})

src/css/globals.css

@@ -0,0 +1,18 @@
+@tailwind base;
+
+h1 {
+  @apply text-2xl;
+}
+h2 {
+  @apply text-xl;
+}
+h3 {
+  @apply text-lg;
+}
+a {
+  @apply text-blue-600;
+}
+
+@tailwind components;
+
+@tailwind utilities;

tailwind.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  purge: false,
+  theme: {
+    extend: {},
+  },
+  variants: {},
+  plugins: [],
+}