_common.styl

@css {

  /* mobile only */
  @media (max-width: 500px) {}

  /* retina */
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {}


  /* smalltablet */
  @media (min-width: 501px) {}

  /* smalltablet only */
  @media (min-width: 501px) and (max-width: 768px) {}

  /* smalltablet + retina */
  @media (min-width: 501px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 501px) and (min-resolution: 192dpi), (min-width: 501px) and (min-resolution: 2dppx) {}

  /* smalltablet only + retina */
  @media (min-width: 501px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 501px) and (max-width: 768px) and (min-resolution: 192dpi), (min-width: 501px) and (max-width: 768px) and (min-resolution: 2dppx) {}


  /* tablet */
  @media (min-width: 769px) {}

  /* tablet only */
  @media (min-width: 769px) and (max-width: 1024px) {}

  /* tablet + retina */
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 769px) and (min-resolution: 192dpi), (min-width: 769px) and (min-resolution: 2dppx) {}

  /* tablet only + retina */
  @media (min-width: 769px) (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 769px) (max-width: 1024px) and (min-resolution: 192dpi), (min-width: 769px) (max-width: 1024px) and (min-resolution: 2dppx) {}


  /* desktop */
  @media (min-width: 1025px) {}

  /* desktop only */
  @media (min-width: 1025px) and (max-width: 1400px) {}

  /* desktop + retina */
  @media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1025px) and (min-resolution: 192dpi), (min-width: 1025px) and (min-resolution: 2dppx) {}

  /* desktop only + retina */
  @media (min-width: 1025px) and (max-width: 1400px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1025px) and (max-width: 1400px) and (min-resolution: 192dpi), (min-width: 1025px) and (max-width: 1400px) and (min-resolution: 2dppx) {}

  /* large */
  @media (min-width: 1401px) {}

  /* large + retina */
  @media (min-width: 1401px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1401px) and (min-resolution: 192dpi), (min-width: 1401px) and (min-resolution: 2dppx) {}
}