tailwind v2

[swyxio]

just a heads up that tailwind is about to release v2 with a bunch of breaking changes https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.0.0-alpha.1

[lukejacksonn]

Oh perfect 😅 thanks for the heads up. I'll take a look through the change log and see what needs to change here!

[swyxio]

it's hopefully not too bad. just a bunch of tiny changes in default values and behaviors iirc

[lukejacksonn]

Yeh, looking at the change log it shouldn't be too bad!

[bebraw]

v2 is out now. Here's the full change log: https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.0.0 .

I see some removals and renames. To make the work a bit easier, I tried to compile a list of changes for you to check:

• [ ] Check color palette (they revamped it)
• [ ] target has been dropped
• [ ] shadow-outline, shadow-solid, and shadow-xs have been removed and replaced with ring
• [ ] whitespace-no-wrap -> whitespace-nowrap
• [ ] flex-no-wrap -> flex-nowrap
• [ ] No more clearfix - flow-root is the new way
• [ ] hover and focus are disabled for fontWeight by default
• [ ] truncate was moved to textOverflow core plugin. This may not be relevant for Oceanwind
• [ ] scrolling-touch and scrolling-auto have been removed
• [ ] text-6xl uses 3.75rem instead of 4rem

Note that there are a bunch of additions as well:

• [ ] Dark mode
• [ ] overflow-ellipsis
• [ ] overflow-clip
• [ ] transform-gpu
• [ ] Default spacing scale has been extended
• [ ] inset has a spacing scale now
• [ ] translate, inset, and height support percentages
• [ ] Default font size scale has been extended
• [ ] Syntax like lg:hover:bg-blue-500 is supported now
• [ ] 2xl breakpoint (1536px) has been added
• [ ] font-size utilities contain default line-height values
• [ ] group-hover is supported by color utilities with boxShadow and textDecoration defaults
• [ ] focus is enabled for z-index utilities by default
• [ ] max-w-prose is enabled by default
• [ ] focus-within is enabled for all plugins that have focus by default
• [ ] ring utilities have been added
• [ ] 5 and 95 have been added to the opacity scale

I think that should be most of it. It's quite a few changes but I imagine most are fast to do.

[lukejacksonn]

Man, this is incredibly useful, thank you so much! I have been waiting for an official release so that I didn't end up changing stuff that wasn't going to make the cut.

Like you say, most of these should be pretty easy to implement. I will try get around to it over the weekend.

[bebraw]

Sure, the official release notes contain more info about the specifics. Feel free to ping me if you need any help. 😄