changes in postcss.config.js

Author: mudassirgithub

README.md

@@ -0,0 +1,2 @@
+## basic-blog
+### A JAMstack Theme of Basic Blog Site with dark/light theme toggle support built using Nextjs, Tailwindcss and Markdown Files.

containers/Home/index.js

@@ -19,7 +19,7 @@ export default function Home({ children }) {
             className={
                 (theme == "dark" ? "theme-dark" : "theme-light") +
                 " " +
-                "min-w-xs min-h-screen bg-main text-main"
+                "min-w-xs min-h-screen bg-main text-main font-poppins"
             }
         >
             <HomeHeader

package.json

@@ -12,10 +12,15 @@
         "react": "^16.13.0",
         "react-dom": "^16.13.0",
         "react-highlight": "^0.12.0",
-        "react-markdown": "^4.3.1"
+        "react-markdown": "^4.3.1",
+        "tailwindcss": "^1.6.2"
     },
     "devDependencies": {
+        "eslint": "^7.6.0",
+        "postcss-font-magician": "^2.3.1",
+        "postcss-loader": "^3.0.0",
         "postcss-preset-env": "^6.7.0",
+        "prettier": "^2.0.5",
         "tailwindcss": "^1.6.2"
     }
 }

postcss.config.js

@@ -1,3 +1,17 @@
 module.exports = {
-    plugins: ["tailwindcss", "postcss-preset-env", "autoprefixer"],
+    plugins: {
+        tailwindcss: {},
+        "postcss-preset-env": {
+            autoprefixer: {
+                flexbox: "no-2009",
+            },
+            stage: 3,
+            features: {
+                "custom-properties": false,
+            },
+        },
+        "postcss-font-magician": {
+            foundries: ["google"],
+        },
+    },
 };

tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-    purge: ["./components/**/*.js", "./pages/**/*.js"],
+    purge: false,
     theme: {
         extend: {
             screens: {