upgrade some deps

upgrade some deps


upgrade some deps

package.json

@@ -44,16 +44,16 @@
     "fast-exif": "^1.0.1",
     "gatsby": "^4.24.4",
     "gatsby-plugin-eslint": "^3.0.0",
-    "gatsby-plugin-image": "^2.17.0",
-    "gatsby-plugin-manifest": "^4.17.0",
+    "gatsby-plugin-image": "^2.24.0",
+    "gatsby-plugin-manifest": "^4.24.0",
     "gatsby-plugin-mdx": "^2.7.1",
     "gatsby-plugin-postcss": "^5.24.0",
     "gatsby-plugin-preval": "^1.0.0",
     "gatsby-plugin-react-helmet": "^5.17.0",
     "gatsby-plugin-robots-txt": "^1.6.2",
-    "gatsby-plugin-sharp": "^4.17.0",
-    "gatsby-source-filesystem": "^4.17.0",
-    "gatsby-transformer-sharp": "^4.17.0",
+    "gatsby-plugin-sharp": "^4.24.0",
+    "gatsby-source-filesystem": "^4.24.0",
+    "gatsby-transformer-sharp": "^4.24.0",
     "kebab-case": "^1.0.1",
     "node-iptc": "^1.0.5",
     "node-vibrant": "3.1.6",
@@ -62,11 +62,10 @@
     "ramda": "^0.27.1",
     "react": "^17.0.1",
     "react-cool-dimensions": "^2.0.7",
-    "react-div-100vh": "^0.7.0",
     "react-dom": "^17.0.1",
     "react-helmet": "^6.1.0",
     "sass": "^1.34.0",
-    "tailwindcss": "^3.1.8",
+    "tailwindcss": "^3.2.0",
     "use-breakpoint": "^2.0.1"
   },
   "devDependencies": {

src/styles/global.css

@@ -52,11 +52,6 @@
       @apply bg-opacity-70;
     }
   }
-  @variants responsive {
-    .h-two-thirds-vw {
-      height: 67vw;
-    }
-  }
   .cool-border-big {
     border: 1px solid rgb(var(--dark-vibrant));
     background: rgb(var(--light-vibrant));

tailwind.config.js

@@ -1,7 +1,7 @@
 const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-  purge: ["./src/**/*.{js,jsx,ts,tsx}"],
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
   mode: "jit",
   // darkMode: 'media', // or 'media' or 'class'
   theme: {