diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-03 22:07:24 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-03 22:07:24 +0200 |
| commit | 1372c218ad0bf75deee82e18ddf7814aecb5344d (patch) | |
| tree | 09b592416637a4e097f5f9519f8b335c902ff954 /apps/web/tailwind.config.ts | |
| parent | 8f365915a24c0b45942e9be88a9858a1127ddae0 (diff) | |
| download | opencut-1372c218ad0bf75deee82e18ddf7814aecb5344d.tar.gz | |
feat: add custom scrollbar utilities to Tailwind configuration
Diffstat (limited to 'apps/web/tailwind.config.ts')
| -rw-r--r-- | apps/web/tailwind.config.ts | 33 |
1 files changed, 32 insertions, 1 deletions
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts index 7a094dfd..f3f28a29 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<string, any>) => 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, }, |