// =============================================================================
// _MEDIA-QUERIES.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Up to Landscape Phone                 (baby-bear)
//   02. Up to Portrait Tablet                 (middle-bear)
//   03. Portrait Tablet to Default Desktop    (old-bear)
//   04. Tablets and Below                     (cubs)
//   05. Default Desktop                       (mama-bear)
//   06. Large Desktop and Up                  (papa-bear)
// =============================================================================

// Breakpoints
// =============================================================================

@mixin break($point) {

  @if $point == baby-bear {
    @media (max-width: $breakSmall) {
      @content;
    }
  }

  @else if $point == middle-bear {
    @media (max-width: $breakMedium) {
      @content;
    }
  }

  @else if $point == old-bear {
    @media (min-width: $breakMedium + 1) and (max-width: $breakMediumLarge) {
      @content;
    }
  }

  @else if $point == cubs {
    @media (max-width: $breakMediumLarge) {
      @content;
    }
  }

  @else if $point == mama-bear {
    @media (min-width: $breakMediumLarge + 1) {
      @content;
    }
  }

  @else if $point == papa-bear {
    @media (min-width: $breakLarge) {
      @content;
    }
  }

}