chore: upgrade dependencies

RomainMuller · RomainMuller · commit 238a4cbaac98 · 2025-03-25T18:30:34.000+01:00
diff --git a/_includes/base.njk b/_includes/base.njk
@@ -25,7 +25,7 @@
   </head>
 
   <body class="font-body subpixel-antialiased bg-slate-300 dark:bg-slate-800 text-slate-900 dark:text-slate-100" itemscope itemtype="http://schema.org/Blog">
-    <header class="sticky z-10 top-0 w-full bg-zinc-700 bg-gradient-to-b from-black/0 to-black/15 text-white shadow-md shadow-black/50">
+    <header class="sticky z-10 top-0 w-full bg-zinc-700 bg-linear-to-b from-black/0 to-black/15 text-white shadow-md shadow-black/50">
       <nav class="flex content-center items-center justify-between p-4">
         <a class="whitespace-nowrap text-4xl/6 font-bold" href="{{ site.url }}">
           <img class="inline-block"
@@ -35,7 +35,7 @@
             width="44"
             height="48"
             />
-          <span class="text-transparent bg-double bg-clip-text bg-gradient-to-tl from-rbow-teal via-rbow-yellow to-rbow-indigo animate-bg-slide">
+          <span class="text-transparent bg-double bg-clip-text bg-linear-to-tl from-rbow-teal via-rbow-yellow to-rbow-indigo animate-bg-slide">
             {{ site.name }}
           </span>
         </a>
diff --git a/css/style.css b/css/style.css
@@ -1,6 +1,13 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@config '../tailwind.config.js';
+
+@utility rainbow {
+  @apply bg-linear-to-br;
+  --tw-gradient-stops:
+    theme('color.rbow-orange'), theme('color.rbow-red'), theme('color.rbow-blue'),
+    theme('color.rbow-teal');
+}
+
 
 @layer base {
   h1 {
@@ -76,12 +83,6 @@
     @apply border;
   }
 }
-@layer utilities {
-  .rainbow {
-    @apply bg-gradient-to-r;
-    --tw-gradient-stops: theme('colors.rbow-orange'), theme('colors.rbow-red'), theme('colors.rbow-blue'), theme('colors.rbow-teal');
-  }
-}
 
 @layer components {
   main pre {
diff --git a/index.md b/index.md
@@ -5,7 +5,7 @@ eleventyImport:
    collections: [post]
 mostRecentCount: 10
 ---
-<img class="float-end rounded-xl shadow"
+<img class="float-end rounded-xl shadow-sm"
    alt="A picture of myself, wearing a gray hat and a black T-shirt with the quote “I'm pickle Rick“ from the show Rick & Morty."
    width="214" height="321"
    srcset="/img/me.jpg, /img/me@x2.jpg 2x"
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "build": "npm-run-all -p 'build:*'",
     "serve": "npm-run-all -p 'serve:*'",
     "build:11ty": "npx @11ty/eleventy",
-    "build:tailwind": "tailwindcss -i css/style.css -o _site/css/style.css --postcss",
+    "build:tailwind": "npx @tailwindcss/cli -i css/style.css -o _site/css/style.css --postcss",
     "serve:11ty": "npm run build:11ty -- --serve",
     "serve:tailwind": "npm run build:tailwind -- --watch"
   },
@@ -19,15 +19,16 @@
     "@11ty/eleventy": "^3.0.0",
     "@11ty/eleventy-plugin-rss": "^2.0.2",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+    "@tailwindcss/cli": "^4.0.16",
+    "@tailwindcss/postcss": "^4.0.16",
     "@types/markdown-it": "^14.1.2",
-    "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.4",
     "esbuild": "^0.24.0",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.0.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.40",
-    "tailwindcss": "^3.4.7"
+    "tailwindcss": "^4.0.16"
   },
   "packageManager": "yarn@4.1.1",
   "engines": {
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,8 +1,7 @@
 /** @type {import('postcss/lib/processor')} */
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
     ...process.env.NODE_ENV === 'production' ? { cssnano: {} } : {},
   },
 };
diff --git a/yarn.lock b/yarn.lock
