如何在配置中使用 theme() 函数（顺风）答案

【问题标题】：How to use theme() function in config (tailwind)如何在配置中使用 theme() 函数（顺风）
【发布时间】：2021-11-02 21:10:21
【问题描述】：

我正在尝试创建 1 个可重复使用的间隙变量，我可以在我有多个按钮彼此相邻的任何地方使用它。而不是使用gap-3 我只想使用gap-buttons

module.exports = {
  theme: {
    extend: {
      gap: {
        buttons: theme(theme.gap.3),
      },
    },
  },
};

我得到的错误是Maximum call stack size exceeded。我试过buttons: (theme) => theme(theme.gap.3) 也没有用。还有颜色，它不起作用......

module.exports = {
  theme: {
    extend: {
      colors: {
       alert: theme => theme('colors.red')
      }
    },
  },
};

【问题讨论】：

【解决方案1】：

我的一个项目中确实有这种代码，不确定它是否有帮助（那个是tailwind v1，没有extend）

borderColor: (theme) => ({
  ...theme('colors'),
  default: theme('colors.gray.300', 'currentColor'),
}),

你的代码看起来像这样

colors: (theme) => ({
  alert: theme('colors.red')
})

【讨论】：