Custom CSS classes don't support media queries

[sleithart]

What version of Tailwind CSS are you using?

For example: v4.0.6

What build tool (or framework if it abstracts the build tool) are you using?

For example: Vite 6.1.0

What version of Node.js are you using?

For example: v20.0.0

What browser are you using?

For example: Chrome

What operating system are you using?

For example: macOS

Reproduction URL

https://play.tailwindcss.com/7zmq6O0Jpe

Describe your issue

I created a custom utility class that I'd like to apply conditionally with media queries, but it doesn't respect the media query

[wongjn]

You need to register the rule using @utility so that Tailwind "knows" about it: https://play.tailwindcss.com/9H7xLA2t50?file=css

[sleithart]

thanks! somehow missed that in the docs