Tailwind v2 support

Update: Now that we’re through these Tailwind changes, I’m now making some tweaks to twin before it also receives a version 2. If all goes smoothly, you can expect a twin.macro v2 this weekend (around 2nd Dec) 🎉

---

Tailwind has released a bunch of new or updated features that Twin needs to catch up with.

I’ll be making some other changes at the same time and we’ll have a Twin v2 release by the end of it 🥳

I’ve bagged some of the more difficult updates but if you want to help out with a PR, just sing out and I’ll reserve the update for you.

Easy

• Add transform-gpu to force hardware acceleration on transforms when desired Thanks soilSpoon (#200)

• Add overflow-ellipsis and overflow-clip utilities (Docs) Thanks alessbell (#202)

• Namespace all internal custom properties under tw- to avoid collisions with end-user custom properties Ben did this (#201)

• Rename whitespace-no-wrap to whitespace-nowrap Rename flex-no-wrap to flex-nowrap Thanks Crisis2010 (#195)

• Remove clearfix utility Thanks Crisis2010 (#193)

• Remove scrolling-touch and scrolling-auto utilities Thanks Crisis2010 (#194)

• Use [hidden] elements within space- and divide- utilities instead of template elements Thanks Crisis2010 (#196)

• Change special use of ‘default’ in config to ‘DEFAULT’ Ben did this (8abbd36)

• Rename dark to darkMode in tailwind.config Ben did this (d3113de)

• Extend default spacing scale Tests need to be added for the new/updated config items like spacing, inset, height, grid, fontSize, screen, maxWidth, opacity etc Ben did this (caf91fe)

Over easy 🍳

• Remove shadow-outline, shadow-solid, and shadow-xs by default in favor of new ring API Ben did this (caf91fe)

• Added new ring utilities for creating outline/focus rings using box shadows (+879f088) Ben did this (#204)

• Make theme retrieve the expected resolved value when theme value is complex Support defining theme values using arrays for CSS properties that support comma separated values Ben’s did this (#205)

• Add support for default duration and timing function values whenever enabling transitions Ben did this (#199)

If you need to reference the new output, you can check the tailwindcss v2 output here (large file warning).

[pix2D]

I have nothing to add to this particular issue, but I just wanted to take a moment to thank you for all your hard work @ben-rogerson. This library is truly enjoyable to use. Rock on. 🥇

[ben-rogerson]

Thanks to everyone that helped out with the updates + big thanks to my new sponsor @pix2D

I’m now making some tweaks to twin before it also receives a version 2. If all goes smoothly, you can expect a twin.macro v2 this weekend (around 2nd Dec) 🎉