From df1e80b5287ff71867bad1a1bfebb102cef7d5bf Mon Sep 17 00:00:00 2001 From: Brandon McConnell Date: Wed, 30 Jul 2025 13:15:09 -0400 Subject: Lay groundwork for Tailwind v4 upgrade --- apps/web/tailwind.config.ts | 56 ++++++++++++++++++++++++--------------------- 1 file changed, 30 insertions(+), 26 deletions(-) (limited to 'apps/web/tailwind.config.ts') diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts index 67a24946..911aae21 100644 --- a/apps/web/tailwind.config.ts +++ b/apps/web/tailwind.config.ts @@ -1,4 +1,5 @@ import type { Config } from "tailwindcss"; +import plugin from "tailwindcss/plugin"; export default { darkMode: ["class"], @@ -109,35 +110,38 @@ export default { plugins: [ require("@tailwindcss/typography"), require("tailwindcss-animate"), - ({ - addUtilities, - }: { - addUtilities: (utilities: Record) => void; - }) => { - addUtilities({ - ".scrollbar-hidden": { - "-ms-overflow-style": "none", - "scrollbar-width": "none", - "&::-webkit-scrollbar": { - display: "none", + plugin( + ({ + addUtilities, + }: { + // biome-ignore lint/suspicious/noExplicitAny: used by Tailwind `plugin` API + addUtilities: (utilities: Record) => void; + }) => { + addUtilities({ + ".scrollbar-hidden": { + "-ms-overflow-style": "none", + "scrollbar-width": "none", + "&::-webkit-scrollbar": { + display: "none", + }, }, - }, - ".scrollbar-x-hidden": { - "-ms-overflow-style": "none", - "scrollbar-width": "none", - "&::-webkit-scrollbar:horizontal": { - display: "none", + ".scrollbar-x-hidden": { + "-ms-overflow-style": "none", + "scrollbar-width": "none", + "&::-webkit-scrollbar:horizontal": { + display: "none", + }, }, - }, - ".scrollbar-y-hidden": { - "-ms-overflow-style": "none", - "scrollbar-width": "none", - "&::-webkit-scrollbar:vertical": { - display: "none", + ".scrollbar-y-hidden": { + "-ms-overflow-style": "none", + "scrollbar-width": "none", + "&::-webkit-scrollbar:vertical": { + display: "none", + }, }, - }, - }); - }, + }); + } + ), ], future: { hoverOnlyWhenSupported: true, -- cgit v1.3.1