px to rem mixin

_px-to-rem.scss

@function px-to-rem($val, $base: 16) {
	// if it's a unitless number
	@if type-of($val) == number and unitless($val) {
		// don't convert 0
		@if $val == 0 {
			@return 0;
		}
		// assume its px and convert it to rem based on $base document font-size
		@return #{$val / $base}rem;
	}
	@return $val;
}

@mixin rem($property, $values...) {
	$max: length($values);
	$value: '';

	@for $i from 1 through $max {
		$value: #{$value + px-to-rem(nth($values, $i))};
		@if $i < $max {
			$value: #{$value + " "};
		}
	}

	#{$property}: $value;
}