iamcarrico · August 29, 2015 14:05
diff --git a/ie8-style.css b/ie8-style.css
 header {
  color: blue;
 }
diff --git a/ie8-style.scss b/ie8-style.scss
 /**
 * @file
 * Styles for IE 8 and lower.
 */

 // Set the legacy IE support variables.
 $browser-minimum-versions:    (ie: '7');
 $graceful-usage-threshold:    0.1;
 $critical-usage-threshold:    .01;

 // Force the breakpoint mixin to discard all media queries except ones with
 // $no-query set to true.
 $breakpoint-no-queries  : true;
 $breakpoint-no-query-fallbacks : true;

 @import "style";
diff --git a/index.html b/index.html
 <html>
 <head>
  <!--[if (gte IE 9)|(IEMobile)|(!IE)]><!-->
  <link rel="stylesheet" href="style.css">
  <!--<![endif]-->
  
  <!--[if (lt IE 9)]>
  <link rel="stylesheet" href="is8-style.css" />
  <![endif]-->
 </head>
  <body>
    
  </body>
 </html>
diff --git a/style.css b/style.css
 @media (min-width: 500px) {
  header {
    color: blue;
  }
 }
diff --git a/style.scss b/style.scss
 @import "breakpoint";

 @include breakpoint(500px, true) {
  header {
    color: blue;
  }
 }
	/**
	* @file
	* Styles for IE 8 and lower.
	*/

	// Set the legacy IE support variables.
	$browser-minimum-versions: (ie: '7');
	$graceful-usage-threshold: 0.1;
	$critical-usage-threshold: .01;

	// Force the breakpoint mixin to discard all media queries except ones with
	// $no-query set to true.
	$breakpoint-no-queries : true;
	$breakpoint-no-query-fallbacks : true;

	@import "style";
	<html>
	<head>
	<!--[if (gte IE 9)\|(IEMobile)\|(!IE)]><!-->
	<link rel="stylesheet" href="style.css">
	<!--<![endif]-->

	<!--[if (lt IE 9)]>
	<link rel="stylesheet" href="is8-style.css" />
	<![endif]-->
	</head>
	<body>

	</body>
	</html>