无法扩展：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.