sass除法运算弃用斜杠 Using / for division outside of calc() is deprecated

因为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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS预处理器 —— Sass学习笔记4 注释 单行注释: // 不会被编译后的css文件中 多行注释:/...
    陌上无人花自开否阅读 525评论 0 0
  • CSS预处理器 —— Sass学习笔记(基础) 参考 scss官网 SCSS 里的数组及其遍历 https://b...
    陌上无人花自开否阅读 460评论 0 0
  • 前言 CSS的短板 作为前端学习者的我们 或多或少都要学些 CSS ,它作为前端开发的三大基石之一,时刻引领着 W...
    gylwstc阅读 68评论 0 0
  • 预处理语言的诞生 其中 就我所知的有三门语言:Sass、Less 、Stylus 。 Sass 诞生于 2007 ...
    moly琴阅读 195评论 0 0
  • 学习Less-看这篇就够了 前言 CSS的短板 预处理语言的诞生 其中 就我所知的有三门语言:Sass、Less ...
    DragonRat阅读 669评论 1 4

友情链接更多精彩内容