我正在尝试在 Tailwind 文件配置中创建一个变体。我想要的是类似hover:border-l-4 hover:border-green-400
, 所以一个在左侧(或仅在顶部/底部/右侧)启用边框的类。
所以我在里面创建了这个tailwind.config.js
:
module.exports = {
purge: {
enabled: process.env.NODE_ENV === 'production',
content: ['./src/**/*.html', './src/**/*.{js,ts,jsx,tsx}'],
},
darkMode: false,
theme: {
extend: {
colors: {
...
},
},
borderLeft: (theme) => ({}),
...
},
variants: {
extend: {
borderLeft: ['hover', 'focus']
},
},
plugins: [],
}
它不起作用。我明白了TypeError: variantsValue is not iterable
。
我在文档页面中没有发现任何有用的东西。