Tailwindcss plugins are not working

[hushed summit]

I have this plugin installed. tailwind-scrollbar-hide.

import type { Config } from "tailwindcss";

export default {
  content: ["./app/**/*.{ts,tsx,jsx,js}"],
  theme: {
    extend: {
      fontFamily: {
        staat: ["Staatliches", "Inter"],
      },
      width: {
        "right-col": `calc(100% - 75% - 48px - 8px)`,
      },
      height: {
        "main-area": `calc(100vh - 48px)`,
      },
    },
    plugins: [require("tailwind-scrollbar-hide")],
  },
} satisfies Config;

I use the class like this:

<div className="scrollbar-hide ml-2 w-full flex-col overflow-auto">
    <div className="mb-2 h-1/2 w-full rounded-lg bg-white"></div>
    <div className="mb-2 h-1/2 w-full rounded-lg bg-white"></div>
</div>

But the corresponding css does not appear in the browser.

I tried other plugins and seems something with the plugins because none of them are working.

Already reinstaled remix.

Can any one help me understand why is this happening?

[mystic grail]

This shouldn't really be a remix issue, if your styles are showing up at all that should mean remix is doing it's thing correctly. This appears to be more of a tailwind building / including plugin styles failing

The best thing to check is the css file you're including with remix, make sure it's bundling the scrollbar-hide style

if it's not, you'll have to check tailwind's build process, make sure everything is configured correct, based on your current content scan it seems to me it should grab every file that you're interested in. Assuming all react element code is within the app directory

[median drift]

try added the postcss v2 flag or whatever it is to the remix.config.

I was looking into it recently because I'm not getting the autoprefixer styles for the blur effect on ios. When I did some research it led to the tailwind build as mentioned.

I havent resolved it so cant say for sure tho

[hushed summit]

Thks guys I'm going to look into this. Any news @median drift ?

[hushed summit]

Yep the problem was between the chair and the machine. hehehe
If you look inside the tailwind.config.ts the plugin attribute is inside the theme: {}