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;
}