break_point.sass

// usage: 
// @breakpoint(xxs)
//   font-size: 10px
@mixin breakpoint($point)
  @if $point == xxs
    @media (max-width: 130px)
      @content

  @else if $point == xs
    @media (min-width: 240px)
      @content

  @else if $point == s
    @media (min-width: 320px)
      @content

  @else if $point == m
    @media (min-width: 768px)
      @content

  @else if $point == l
    @media (min-width: 1200px)
      @content

  @else if $point == xl
    @media (min-width: 1400px)
      @content

  @else if $point == retina
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
      @content