Converts pixel values to rem

pixel_to_rem.scss

//------------------------------------------------------------------*\
//  PIXEL TO REM
//    converts px to rem
//    note: uses @strip-units and $em-base
//    usage: (https://jsfiddle.net/joshuacerbito/10q09tww/)
//      width: rem(760);
//      padding: rem(30 0 10);
//------------------------------------------------------------------*\

$base-font-size: 16px;

@function strip-units($value) {
  @return ($value / ($value * 0 + 1));
}

@function rem($target) {
  $max: length($target);
  $values: ();
  $context: if(variable-exists(base-font-size), $base-font-size, 16);

  @for $i from 1 through $max {
    $x: (nth($target, $i) / $context) * 1rem;

    @if abs($x) == 0 {
      $values: append($values, 0);
    }
    @else {
      $values: append($values, $x);
    }
  }

  @return $values;
}