Ir al contenido

$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);