SASS mixin for Bootstrap breakpoints

gistfile1.scss

/**
 * Bootstrap breakpoints. Thanks goes to Chris Coyier for the inspiration.
 *
 * Original post and usage example: http://css-tricks.com/custom-user-mixins/
 */
@mixin breakpoint($point) {
  @if $point == large-display {
    @media (min-width: 1200px) { @content; }
  }
  @if $point == default {
    @media (min-width: 908px) { @content; }
  }
  @if $point == portrait-tablets {
    @media (min-width: 768px) { @content; }
  }
  @if $point == phones-to-tablets {
    @media (max-width: 767px) { @content; }
  }
  @if $point == phones {
    @media (max-width: 480px) { @content; }
  }
}