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

因為css語法里面已經(jīng)添加了/作為分隔符的使用,

sass作為css的超集,也會跟進這個改動,所以sass2.0的時候 /就會被棄用

但是在calc函數(shù)里面仍然是有效的,也就是說,我們以后用除法的時候,直接在calc函數(shù)里使用,或者除2的時候改成*0.5就沒有問題了。本來css就是只在calc支持除法,所以問題不大。

官方給出的解決方案是,用div函數(shù)。

@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

官方還很貼心做了一個一鍵遷移的工具,執(zhí)行下面兩行命令,就自動把你項目里面的東西替換了

$ npm install -g sass-migrator
$ sass-migrator division **/*.scss
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • CSS預處理器 —— Sass學習筆記4 注釋 單行注釋: // 不會被編譯后的css文件中 多行注釋:/...
    陌上無人花自開否閱讀 525評論 0 0
  • CSS預處理器 —— Sass學習筆記(基礎(chǔ)) 參考 scss官網(wǎng) SCSS 里的數(shù)組及其遍歷 https://b...
    陌上無人花自開否閱讀 455評論 0 0
  • 前言 CSS的短板 作為前端學習者的我們 或多或少都要學些 CSS ,它作為前端開發(fā)的三大基石之一,時刻引領(lǐng)著 W...
    gylwstc閱讀 65評論 0 0
  • 預處理語言的誕生 其中 就我所知的有三門語言:Sass、Less 、Stylus 。 Sass 誕生于 2007 ...
    moly琴閱讀 194評論 0 0
  • 學習Less-看這篇就夠了 前言 CSS的短板 預處理語言的誕生 其中 就我所知的有三門語言:Sass、Less ...
    DragonRat閱讀 669評論 1 4

友情鏈接更多精彩內(nèi)容