From 1372c218ad0bf75deee82e18ddf7814aecb5344d Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Thu, 3 Jul 2025 22:07:24 +0200 Subject: [PATCH] feat: add custom scrollbar utilities to Tailwind configuration --- apps/web/tailwind.config.ts | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts index 7a094df..f3f28a2 100644 --- a/apps/web/tailwind.config.ts +++ b/apps/web/tailwind.config.ts @@ -98,7 +98,38 @@ export default { }, }, }, - plugins: [require("tailwindcss-animate")], + plugins: [ + require("tailwindcss-animate"), + function ({ + addUtilities, + }: { + 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-y-hidden": { + "-ms-overflow-style": "none", + "scrollbar-width": "none", + "&::-webkit-scrollbar:vertical": { + display: "none", + }, + }, + }); + }, + ], future: { hoverOnlyWhenSupported: true, },