v3.4 带来的新功能 #

这是一篇版本总结，总结了 WindiCSS 从 v3.4.0 到 v3.4.2 的提升与新功能。

颜色 #

v3.4.0 新增了以下颜色：

• slate
• zink
• neutral
• stone

工具类 #

盒阴影颜色不透明度 #

现在可以像这样设置盒阴影不透明度：

• shadow-red-500/50
• shadow-yellow-700/80
• ...

详情请阅读 盒阴影颜色。

新纵横比样式类 #

用于控制元素纵横比的工具类，详情请阅读 纵横比。

• aspect-auto
• aspect-square
• aspect-video

新 flex-basis 样式类 #

用于控制初始化 flex items 大小的工具类，详情请阅读 Flex Basis。

• basis-auto
• basis-full
• basis-1
• basis-12
• basis-1/2
• basis-11/12
• ...

新的 columns, break-after, break-before 与 break-inside 样式类 #

用于控制元素中列数的工具类，详情请阅读 Columns。

• columns-1
• columns-12
• break-after-auto
• break-before-all
• break-inside-avoid
• ...

新的触摸操作与滚动行为样式类 #

触摸操作 #

用于控制如何在触摸屏上滚动和缩放元素的工具类，详情请阅读 触摸操作。

• touch-auto
• touch-none
• ...

滚动行为 #

用于控制元素滚动行为的工具类，详情请阅读 滚动行为

• scroll-auto
• scroll-smooth

新的 will change 样式类 #

用于优化预期更改的元素的即将到来的动画的工具类，详情请阅读 Will Change。

• will-change-auto
• will-change-scroll
• will-change-contents
• will-change-transform

新的强调色样式类 #

用于控制表单控件的强调色工具类，详情请阅读 Accent Color。

• accent-red-500
• accent-yellow-800/50
• ...

可变修饰 #

新的可变修饰 :portrait 与 :landscape #

当设备处于特定方向才会生效的可变修饰，详情请阅读 Orientation Variants。

新的可变修饰 :file #

针对 file-selector-button 伪类元素，详情请阅读 伪类元素。

新的可变修饰 :marker #

针对 marker 伪类元素，详情请阅读 伪类元素。