liquorice · September 23, 2013 01:53 · liquorice · Sep 23, 2013
diff --git a/_breakpoints.scss b/_breakpoints.scss
 @mixin breakpoint($points) {
  @if index($points, large) {
    @media screen and (min-width: 1000) { @content; }
    html.ie-large & { @content; }
  }
  @if index($points, medium) {
    @media screen and (max-width: 999) and (min-width: 600) { @content; }
  }
  @if index($points, small) {
    @media screen and (max-width: 599) { @content; }
  }
 }
diff --git a/example.html b/example.html
 <!DOCTYPE html>
 <!--[if lte IE 8]>
 <html class="ie-large">
 <![endif]-->
 <!--[if gt IE 8]> -->
 <html>
 <!-- <![endif]-->
diff --git a/example.scss b/example.scss
 h1 {
  @include breakpoint(large, medium) {
    font-size: 32px;
  }
  @include breakpoint(small) {
    font-size: 24px;
  }
 }
	@mixin breakpoint($points) {
	@if index($points, large) {
	@media screen and (min-width: 1000) { @content; }
	html.ie-large & { @content; }
	}
	@if index($points, medium) {
	@media screen and (max-width: 999) and (min-width: 600) { @content; }
	}
	@if index($points, small) {
	@media screen and (max-width: 599) { @content; }
	}
	}
	h1 {
	@include breakpoint(large, medium) {
	font-size: 32px;
	}
	@include breakpoint(small) {
	font-size: 24px;
	}
	}