尝试在 calc() 中使用 theme() 时解析错误

Posted 2023-03-07

【中文标题】尝试在 calc() 中使用 theme() 时解析错误

【英文标题】：Parse Error When Trying To Use theme() Inside calc()

【发布时间】：2020-01-17 17:33:24

【问题描述】：

我通过 Gulp 将 Tailwind CSS 与 PostCSS 一起使用。几乎一切都很好。我正在尝试从我的 CSS 中的配置主题对象中引用值。我可以做到以下几点：

height: theme('spacing.12');

但是，当我尝试在 calc() 中使用 theme() 时（就像在文档中一样）：

height: calc(100vh - theme('spacing.12'));

我从 gulp-postcss 收到 Parse 错误（“期待 'SUB', 'LPAREN'....”）

这是 Tailwind 错误吗？

【参考方案1】：

原来这是我的工具链中的一个问题。具体来说，我使用的是节点包 postcss-cssnext - 事实证明它已被弃用。一旦我从我的 Gulp 文件中删除它，错误就消失了：