美文网首页
sass除法运算弃用斜杠 Using / for divisio

sass除法运算弃用斜杠 Using / for divisio

作者: mudssky | 来源:发表于2022-06-01 14:33 被阅读0次

    因为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
    

    相关文章

      网友评论

          本文标题:sass除法运算弃用斜杠 Using / for divisio

          本文链接:https://www.haomeiwen.com/subject/akyxmrtx.html