From d041825dac3ee6d2ae5ef963b1c56cde6ff3bcb0 Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Sun, 4 May 2025 21:58:26 +0200
Subject: [PATCH] fix syntax
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The `(` and `)` syntax was introduced in Tailwind CSS v4. This blog post
is about Tailwind CSS v3.3 where we introduced the `foo-[…]` shorthand.
---
 src/blog/tailwindcss-v3-3/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/blog/tailwindcss-v3-3/index.mdx b/src/blog/tailwindcss-v3-3/index.mdx
index 6fd87ef46..37f845382 100644
--- a/src/blog/tailwindcss-v3-3/index.mdx
+++ b/src/blog/tailwindcss-v3-3/index.mdx
@@ -670,7 +670,7 @@ export function MyComponent({ company }) {
         "--brand-hover-color": company.brandHoverColor,
       }}
       className="bg-[var(--brand-color)] hover:bg-[var(--brand-hover-color)]" // [!code --]
-      className="bg-(--brand-color) hover:bg-(--brand-hover-color)" // [!code ++]
+      className="bg-[--brand-color] hover:bg-[--brand-hover-color]" // [!code ++]
     />
   );
 }