tailwindlabs / tailwindcss

A utility-first CSS framework for rapid UI development.
https://tailwindcss.com/
MIT License
83.4k stars 4.22k forks source link

[v4] Can't remove `max-width` on `container` utility #15091

Closed sntran closed 4 days ago

sntran commented 4 days ago

What version of Tailwind CSS are you using?

v4.0.0-beta.1

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

@tailwindcss/cli@4.0.0-beta.1

What version of Node.js are you using?

v20

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/2Gw5xBur52?file=css

Describe your issue

I have custom container utility that uses grid instead of max width and margin so I can break out of it when I need to.

Unfortunately, after upgrading to beta.1 from alpha.29, there are now generated rules for .container with max-width set on different breakpoints. Even setting max-w-none in my utility does not remove it, and I don't want to do md:max-w-none lg:max-w-none ... to override all the breakpoints.