大家好!准备好迎接本周的Tailwind新资讯了吗?本周我们有一些有趣的内容!Tailwind v1.2即将到来,它包含许多新特性,用Adam的话说,它是“Tailwind历史上最大的更新”。

🌟 新闻

🚀 Tailwind CSS v1.2.0的第一个预发布版刚刚发布!

包括:

  • CSS Grid支持
  • CSS Transform支持
  • CSS Transition支持
  • 以及其他许多特性 🎉链接— Adam Wathan (@adamwathan) 2020年1月8日

图片

在GitHub上发布Tailwind CSS v1.2.0-canary.4

对的,你没有看错,你现在就可以开始尝试Tailwind v1.2!Adam为了安全起见将其标记为预发布版,并收集反馈,但他表示他不打算进行大量更改。

📚 教程

图片

Tailwind与React - DEV社区 👩‍💻👨‍💻

如果你想学习如何在React中混合使用styled components和Tailwind,这是一个非常酷的教程。如果你以React/styled components为生,并且想尝试Tailwind,那么这篇教程值得一读。

💅 展示

图片

使用Tailwind制作的SVELTE职位公告板

Svelte最近非常受欢迎,并且它与Tailwind的配合相当好。他们甚至用Svelte和Tailwind创建了一个职位公告板!我喜欢卡片设计,我怀疑他们读了《重构UI》并付诸实践了 :)

🎁 资源

hawezo/tailwindcss-theming: 使用CSS自定义属性进行客户端主题化的Tailwind CSS插件,支持暗黑模式

使用这个酷且易于使用的插件为你的Tailwind网站带来暗黑模式。请注意它目前还不支持canary 4版本(因为它本周刚刚发布),但了解_hawezo_,它很快就会支持Tailwind v1.2。

想与TailwindCSS社区分享一些东西吗?你可以提交链接或在Twitter上给我发消息@vivgui

标签: tailwindcss