无法扩展:TailwindCSS 变体:
Posted
技术标签:
【中文标题】无法扩展:TailwindCSS 变体:【英文标题】:Unable to extend: TailwindCSS variants: 【发布时间】:2021-03-31 16:42:32 【问题描述】:我希望扩展边距样式并将变体 ['even']
添加到其中。
我可以像这样添加变体:
module.exports =
variants:
margin: ['even'],
,
theme:
...
据我了解,上述内容将覆盖边距样式默认变体。
文档here 显示了扩展变体的能力,以便在添加新变体时不删除所有默认值(更多讨论here)。
我已经尝试过了,但没有成功:
module.exports =
variants:
extend:
margin: ['even'],
,
,
theme:
...
我一定是做错了什么或者有错字?
【问题讨论】:
您使用的是 Tailwind 2.0 还是旧版本? (我不相信这在 2.0 之前是可能的) 这就是原因,我安装了1.9.6。谢谢。 【参考方案1】:我无法做到这一点的原因是因为我的 tailwindcss 版本低于 2.0。正如@Jon 建议的那样。谢谢! 2.0 release notes.
【讨论】:
以上是关于无法扩展:TailwindCSS 变体:的主要内容,如果未能解决你的问题,请参考以下文章
扩展变体在 Tailwind 2.0.2 和 Laravel 8 中不起作用
TailwindCSS 不会将我的 VueJS 应用程序的宽度扩展到全屏