css <i>,Tailwind CSS v2.0重磅更新~

be06a303baa53fa6c2a1a91e0ee494de.png

Tailwind CSS v2.0是有史以来的第一个主要更新,其中包括:

全新的调色板,具有220种总颜色以及用于构建自己的配色方案的新工作流程支持暗模式,启用暗模式后,动态更改设计比以往更加轻松2XL超宽断点,用于1536px及以上的设计新的大纲环实用程序,几乎就像使outline-radius真品一样好实用程序友好的表单样式,一种新的表单重置,使仅使用实用程序类即可轻松自定义表单元素(甚至复选框)每个font-size的默认行高,因为如果我们不能使用48px字体的1.5行高是非法的,则至少应使其不成为默认值扩展的间距,版式和不透明度比例,可以在微观层次上微调事物,以巨大的标题带来更大的影响,以及何时opacity-25还不够且opacity-50太多的情况将@apply与任何内容一起使用,包括响应式,悬停式,焦点式和其他变体新的文本溢出实用程序,与truncate单独使用相比,可以更精确地控制事物扩展变体,因此您可以启用其他变体,例如focus-visible无需重新声明整个列表或考虑顺序默认情况下,将组悬停和集中在内,因为无论如何您都在每个项目上都启用了它们默认过渡持续时间和缓和曲线,因此您只需添加17个类即可制作一个按钮,而不是19个与IE11不兼容,因此您可以告诉楼上的那个人“抱歉老板,这是我的手,怪Tailwind”

...还有其他一些小事情。

即使Tailwind CSS v2.0是一个新的主要版本,我们仍然尽了最大的努力来最大程度地减少重大更改,尤其是那些会迫使您编辑大量模板的更改。我们已重命名了两个类,删除了在现代浏览器中不再相关的三个类,并用功能更强大的替代类替换了两个。任何其他可能影响您的重大更改都可以通过在

tailwind.config.js

文件中添加一些小的补充来解决。升级时间不应超过30分钟。

请查看升级指南,以获取更多详细信息以及有关将项目迁移到Tailwind CSS v2.0的分步说明。

如果您想使用v2.0启动一个全新的项目,请访问我们更新的安装文档以快速入门。

那全新的网站又如何呢?该死的

全新的调色板

自从我们第一次尝试在Tailwind CSS v0.1.0天内设计通用调色板以来,我们就已经学到了很多关于颜色的知识,而v2.0代表了迄今为止的最佳尝试。

新的调色板包括22种颜色(以前是10种),每种都有10种阴影(而不是9种),总共有220个值。

ab0b182900d28d89205c3819ecc3303f.png

我们

50

为每种颜色添加了一个额外的浅色阴影,因此它们现在从50-900:

I can't believe it's not white.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值