css - 为 sass 创建自定义单元

Question

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

其他可以与 node 一起工作的解决方案(不是 sass 插件)也是可以接受的。

Answer 1

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

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

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