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

Question

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

height: theme('spacing.12');

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

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

我从 gulp-postcss 得到一个解析错误（“期待 'SUB', 'LPAREN'....”）

这是 Tailwind 错误吗？

Answer 1

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