Sass mixin for rem sizing with IE8 and below fallback using HTML IE conditional stylesheets

ie.scss

$stylesheet: 'ie';

@import 'rem-function';

.element {
  margin: rem(20);  
}

rem-function.scss

$base-font-size: 16;

@function rem ($pixels) {
  @if $stylesheet == 'ie' {
    @return $pixels + px;
  }
  else {
    @return ($pixels / $base-font-size) + rem;
  }
}

style.scss

$stylesheet: 'style';

@import 'rem-function';

.element {
  margin: rem(20);  
}