Sass不渲染css变量

Question

我有这行：

min-height: calc(100vh - var(--vh-offset, 0px));

但是我不确定为什么它会编译为：

min-height: calc(100vh - 0px);

我的目标是：

min-height: calc(100vh - var(--vh-offset, 0px));

，以便我可以使用javascript更新--vh-offset。

我该怎么说sass来使行保持原样？

Answer 1

好的，伙计们，我发现了问题。这不是错误。我忘了我在webpack中使用了precss。 现在停用此问题

//laravel mix
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
// .options({ 
//  postCss: [
//  require('precss')() <--- this gave me the problem
//  ]
// })