Tailwindcss: Add overflow-x-hidden and overflow-y-hidden

[benface]

They're useful because sometimes you want overflow-x-hidden overflow-y-auto (the default overflow-x when overflow-y is set to auto is also auto).

[hacknug]

Yes! I just had to manually add these to a site I was working on yesterday. I guess @adamwathan will be okay with a PR that includes this as well as tests for them (probably a PR for the docs too).

@benface do you wanna take care of it or should I open the PR myself?

[benface]

@hacknug Actually after posting this issue I realized this is doable already with the existing classes. Just do:

overflow-hidden overflow-y-auto

or

overflow-hidden overflow-x-auto

Because .overflow-hidden is defined before the .overflow-x-* and .overflow-y-* classes in the CSS, it is overridden by them. So with the snippets above, you effectively get overflow-x: hidden; overflow-y: auto; and overflow-y: hidden; overflow-x: auto; respectively.

[adamwathan]

I think these should be in the framework 👍 Happy to look at a PR!