liquorice/_breakpoints.scss

## _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; }
  }
}

## example.html
<!DOCTYPE html>
<!--[if lte IE 8]>
<html class="ie-large">
<![endif]-->
<!--[if gt IE 8]> -->
<html>
<!-- <![endif]-->

## 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; }
	}
	}
	<!DOCTYPE html>
	<!--[if lte IE 8]>
	<html class="ie-large">
	<![endif]-->
	<!--[if gt IE 8]> -->
	<html>
	<!-- <![endif]-->
	h1 {
	@include breakpoint(large, medium) {
	font-size: 32px;
	}
	@include breakpoint(small) {
	font-size: 24px;
	}
	}