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
上一篇下一篇

猜你喜欢

热点阅读