// Media queries breakpoints
// =========================

@mixin breakpoint($point) {
  @if $point == small {
    @media all and (max-width: columns(7)) {
      @content
    }
  } @else if $point == medium {
    @media all and (max-width: columns(8)) {
      @content
    }
  } @else {
    @media all and (max-width: $point) {
      @content
    }
  }
}