sass - 将像素转换为 em 的 Sass 函数

Question

在 Sass 中使用这个函数：

@function pem($pxval, $base: 16) {

         @return #{$pxval / $base}em ;
}

（来源：https ://gist.github.com/2237465 ）

pem(16)返回1em，没关系，但是pem(16px)返回1pxem。

这个函数如何接受这两种类型的输入？

谢谢

Answer 1

这似乎是 SASS 的unitless()函数的一个很好的用途。

@function pem($pxval, $base: 16) {
  @if (unitless($pxval)) {
    $pxval: $pxval * 1px;
  }

  @if (unitless($base)) {
    $base: $base * 1px;
  }

  @return $pxval / $base * 1em;
}