Useful IE Hack SCSS Mixins

ie-hack.scss

// target IE 10 and 11 with a media query
@mixin support-ie-10-11 {
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    @content
  }
}

// hack for css styles for < ie 9 only
@mixin support-ie-9($property, $value) {
	$property: #{$value + '\0/'};
}
// @include support-ie-9(color, grey);
// body { color: grey\0/; }
// For reference: http://www.paulirish.com/2009/browser-specific-css-hacks/

// hack for css styles for < ie 9 only
@mixin support-ie-8($property, $value) {
	$proptery: #{$value + '\9'};
}
// @include support-ie-8(color, grey);
// body { color: grey\9; }
// For reference: http://www.paulirish.com/2009/browser-specific-css-hacks/