无法扩展：TailwindCSS 变体：

Question

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

我可以像这样添加变体：

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

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

文档 here shows the ability to extend a variant as to not remove all the defaults when adding the new variant (discussed more here).

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

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

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

Answer 1

我无法执行此操作的原因是我的 tailwindcss 版本低于 2.0。作为@Jon suggested. Thanks! 2.0 release notes.

Unable to extend: TailwindCSS variants: