// tailwind.config.js
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  darkMode: 'media', // or 'media' or 'class'
  // 禁用 important 语法，微信小程序不支持 .\! 这样的选择器
  theme: {
    extend: {},
  },
  variants: {
    // 禁用所有变体，避免生成微信小程序不支持的选择器
  },
  plugins: [],
  corePlugins: {
    // 禁用微信小程序不支持的功能
    preflight: false, // 禁用默认样式重置
    // 禁用包含复杂选择器的插件
    space: false, // 禁用 space-x, space-y 等（包含 :not([hidden]) 选择器）
    divideWidth: false, // 禁用 divide-x, divide-y 等
    divideColor: false,
    divideStyle: false,
    divideOpacity: false,
    // 新增禁用项，解决微信小程序兼容性问题
    gap: true, // 禁用 gap 类，因为微信小程序不支持 gap 属性
    lineClamp: false, // 禁用 line-clamp 类，微信小程序不支持
    textIndent: false, // 禁用 text-indent
    writingMode: false, // 禁用 writing-mode
    hyphens: false, // 禁用 hyphens
    // 禁用所有可能包含问题的变体
    visibility: false, // 禁用 visibility 相关类，避免生成 .\!visible
    // 禁用伪类和交互变体，避免生成 .active\: 等选择器
    scale: false, // 禁用 scale 相关类，避免生成问题选择器
    transform: false, // 禁用 transform 相关类
    transitionProperty: false, // 禁用 transition 相关类
  },
};
