scss mixin que convierte pixeles en o

Este post se publicó hace más de dos años, es posible que la información publicada esté obsoleta o las referencias no existan. 

$browser-context: 16;
@function em($pixels, $context: $browser-context, $unit: em) {
    $pixels: $pixels * 1;

    @if $unit == rem{ 
      @return $pixels / $context * 1rem;
    } @else {
      @return $pixels / $context * 1em;
    }
}

Uso con em:

font-size: em(11);

Uso con rem:

font-size: em(11, $unit: rem);