尝试在 calc() 中使用 theme() 时出现解析错误
Parse Error When Trying To Use theme() Inside calc()
我通过 Gulp 将 Tailwind CSS 与 PostCSS 一起使用。几乎一切都很好。我正在尝试从我的 CSS 中的配置主题对象引用值。我能够很好地执行以下操作:
height: theme('spacing.12');
但是,当我尝试在 calc() 中使用 theme() 时(就像在文档中一样):
height: calc(100vh - theme('spacing.12'));
我从 gulp-postcss ("Expecting 'SUB', 'LPAREN'....")
得到一个解析错误
这是 Tailwind 错误吗?
事实证明这是我的工具链中的一个问题。具体来说,我使用的是节点包 postcss-cssnext - 事实证明它已被弃用。一旦我从我的 Gulp 文件中删除它,错误就消失了:
我通过 Gulp 将 Tailwind CSS 与 PostCSS 一起使用。几乎一切都很好。我正在尝试从我的 CSS 中的配置主题对象引用值。我能够很好地执行以下操作:
height: theme('spacing.12');
但是,当我尝试在 calc() 中使用 theme() 时(就像在文档中一样):
height: calc(100vh - theme('spacing.12'));
我从 gulp-postcss ("Expecting 'SUB', 'LPAREN'....")
得到一个解析错误这是 Tailwind 错误吗?
事实证明这是我的工具链中的一个问题。具体来说,我使用的是节点包 postcss-cssnext - 事实证明它已被弃用。一旦我从我的 Gulp 文件中删除它,错误就消失了: