soulofmischief / libmq

A simple Javascript media query library for web browsers.

libmq

A simple Javascript media query library for web browsers.

Install

$ npm install libmq --save

About

This module runs media queries on either the window's width/height or a provided value.

Example

import { query, screenWidths as w } from 'libmq'

if ( query.desktopUp()) 
  console.log( `Width is at least ${ w.desktopUp }`)

else if ( query.phoneOnly())
  console.log( `Width is no more than ${ w.phoneOnly }`)

if ( query.desktopUp( w.bigDesktopUp ))
  console.log( "This module isn't broken." )

API

Each method tests window.innerWidth or a provided value against the following conditions:

• bigDesktopUp() - Above 1800px
• desktopUp() - Above 1200px
• phoneOnly() - Below 599px
• tabletPortraitDown() - Below 899px
• tabletPortraitUp() - Above 600px
• tabletLandscapeDown() - Below 899px
• tabletLandscapeUp() - Above 600px
• landscape() - Greater than or equal to window.innerHeight
• portrait() - Less than window.innerHeight