考虑以下 SCSS:
$color-black: #000000;
body {
--color: $color-black;
}
当用node-sass编译时版本4.7.2,它会生成以下 CSS:
body {
--color: #000000;
}
当我编译相同版本的SCSS时4.8.3 或更高版本,它产生以下结果:
body {
--color: $color-black;
}
我缺少什么?我检查了发布日志,但找不到任何有用的东西。另外,我想知道这个更改是否是真实的,为什么它只有较小的版本更改?它不应该是一个主要版本吗?
Also, 我的选择是什么?我应该使用插值法?
只需使用字符串插值:
$color-black: #000000;
body {
--color: #{$color-black};
}
显然旧的行为不是有意的,并且违反了 SASS 的语言规范:
- CSS 变量与 SCSS 变量混合在 4.8+ 中不会发出正确的 CSS https://github.com/sass/node-sass/issues/2336
- CSS 变量未正确编译 https://github.com/sass/node-sass/issues/1943#issuecomment-379747451
- 将 SASS 变量分配给 CSS 变量(自定义属性)不再有效 https://github.com/sass/libsass/issues/2621
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)