sass除法运算弃用斜杠 Using / for divisio
2022-06-01 本文已影响0人
mudssky
因为css语法里面已经添加了/
作为分隔符的使用,
sass作为css的超集,也会跟进这个改动,所以sass2.0的时候 /就会被弃用
但是在calc函数里面仍然是有效的,也就是说,我们以后用除法的时候,直接在calc函数里使用,或者除2的时候改成*0.5就没有问题了。本来css就是只在calc支持除法,所以问题不大。
官方给出的解决方案是,用div函数。
@use "sass:math";
// WRONG, will not work in future Sass versions.
@debug (12px/4px); // 3
// RIGHT, will work in future Sass versions.
@debug math.div(12px, 4px); // 3
官方还很贴心做了一个一键迁移的工具,执行下面两行命令,就自动把你项目里面的东西替换了
$ npm install -g sass-migrator
$ sass-migrator division **/*.scss