scss新变化: 除法更新

141 阅读1分钟

话不多说,直接干货

以前写法

  • 版本
"sass-loader": "^7.3.1",
"node-sass": "^4.14.1",
  • 写法
@function r($val) {
  @return ($val / 16)+rem;
}

新写法

  • 版本
"sass": "^1.64.1",
  • 写法
@use "sass:math";

// 方式一 math.div
@function r($val) {
  @return math.div($val, 16)+rem;
}

// 方式二 calc
@function r($val) {
  @return calc($val/16)+rem;
}

参考资料

-scss官网