无法扩展：TailwindCSS 变体：

Question

我希望扩展边距样式并将变体 ['even'] 添加到其中。

我可以像这样添加变体：

module.exports = {
  variants: {
    margin: ['even'],
  },
  theme: {
    ...
  }
}

据我了解，上述内容将覆盖边距样式默认变体。

文档here 显示了扩展变体的能力，以便在添加新变体时不删除所有默认值（更多讨论here）。

我已经尝试过了，但没有成功：

module.exports = {
  variants: {
    extend: {  
      margin: ['even'],
    },
  },
  theme: {
    ...
  }
}

我一定是做错了什么或者有错字？

Answer 1

我无法做到这一点的原因是因为我的 tailwindcss 版本低于 2.0。正如@Jon 建议的那样。谢谢！ 2.0 release notes.