无法扩展：TailwindCSS 变体：

Posted 2023-03-06

【中文标题】无法扩展：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.