为 sass 创建自定义单元

Question

我想创建自定义 css 单元，我将能够在 sass 中与 node.js 一起使用它。有没有关于为此创建 sass 插件的指南？举例来说，我想创建单位“dpx”，它将作为双像素工作，因此“宽度：20dpx”将被处理为“宽度：40px”。

其他可以与节点一起使用的解决方案（不是 sass 插件）也是可以接受的。

Answer 1

使用接受字体大小并返回双倍值的 SASS 函数。

@function dpx($size) {
  @return $size * 2;
}

div {
  font-size: dpx(20px);  // output: font-size: 40px;
}