Tailwind CSS v2.0 现已发布

Tailwind CSS v2.0 现已发布，包含大量很棒的新功能。要快速了解一些亮点，请查看他们制作的这个发布视频

为了让您了解视频的制作质量，Steve Shoger 在 Twitter 上说，“预告片中的音乐是由 Adam 的朋友编排的自定义配乐。结尾处的歌剧歌手正在用拉丁语演唱“实用优先”

根据发布公告，更新不应太难

尽管 Tailwind CSS v2.0 是一个新的主要版本，但我们非常努力地将重大破坏性更改降至最低，尤其是那些会强迫您编辑大量模板的更改。我们重命名了两个类，删除了三个在现代浏览器中不再相关的类，并用更强大的替代方案替换了两个类。任何可能影响您的其他破坏性更改都可以通过在您的 tailwind.config.js 文件中添加几个小的补充来解决。升级不应超过大约 30 分钟。

从同一个公告中，这里列出了主要的新功能

• 全新颜色调色板，包含 220 种颜色，以及用于构建您自己的颜色方案的新工作流程
• 深色模式支持，使在启用深色模式时动态更改您的设计比以往更容易
• 超宽 2XL 断点，用于在 1536px 及以上设计
• 新的轮廓环实用程序，它们几乎与将 outline-radius 变成现实一样好
• 实用程序友好的表单样式，一个新的表单重置，使使用实用程序类自定义表单元素（甚至复选框）变得容易
• 每个字体大小的默认行高，因为如果我们不能让使用 48px 字体的 1.5 行高变得非法，我们至少应该让它不是默认值
• 扩展的间距、排版和不透明度比例，用于微调微观级别的内容，使用巨大的标题产生更大的影响，以及在 opacity-25 不够而 opacity-50 太多的时候使用
• 将 @apply 与任何内容一起使用，包括响应式、悬停、焦点和其他变体
• 新的文本溢出实用程序，用于比单独使用 truncate 更精确地控制内容
• 扩展变体，因此您可以启用额外的变体，如 focus-visible，而无需重新声明整个列表或考虑顺序
• 默认情况下使用 group-hover 和 focus-within，因为您一直在每个项目中都启用它们
• 默认过渡持续时间和缓动曲线，因此您只需要添加 17 个类来制作一个按钮，而不是 19 个类
• 与 IE11 不兼容，这样您就可以告诉上面的那个人“抱歉老板，这不在我掌控之中，怪 Tailwind”

…以及其他一些小东西。

祝贺 Adam Wathan 和整个 Tailwind CSS 团队。去看看新的登录页面，并为下一代 Tailwind CSS 做好准备。