Sass函数将像素转换为ems

时间:2012-08-12 22:51:03

标签: sass

在Sass中使用此功能:

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

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

(来源:https://gist.github.com/2237465

pem(16)返回1em即可,但pem(16px)会返回1pxem

这个函数如何接受这两种输入?

感谢

1 个答案:

答案 0 :(得分:12)

对于SASS的unitless()功能来说,这似乎很有用。

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

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

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