breaks 

>

Install

``
$ npm install --save breaks
`

Usage

For the best experience the breakpoints defined in Sass/Less/Stylus should be
added as a json string to the head font-family like the following.

head{
font-family:'{"mobile": "320px","tablet": "768px","desktop": "960px"}';
}


`js
var isMobile = breaks.is('>=mobile <960px');
// The 'mobile' keyword will be replaced with the corresponding value defined by
// the json array defined in the head font-family.
//
// In this case isMobile will be false or true depending of the following media query:
// (min-width: 320px) and (max-width: 959px)

// There is also the possibility to listen to enter and exit events for the queries:
breaks.enter('>=tablet console.log('window is bigger or larger than tablet and smaller than desktop.');
});

breaks.exit('>=tablet console.log('window is smaller than tablet or larger or equal to desktop.');
});

`

API

$3

#### query

Required
Type: string

The simplified query as text.

$3

#### breakpoint_name

Required
Type: string

The breakpoint name corresponding to the breakpoints json data.
This returns the breakpoint value as string. ex: "768px"

$3

#### query

Required
Type: string

The simplified query as text.

#### callback

Required
Type: function
Default: {}

The function to call when the query become active.

$3

#### query

Required
Type: string

The simplified query as text.

#### callback

Required
Type: function
Default: {}

The function to call when the query become inactive.

$3

#### callback

Required
Type: function
Default: {}

The callback to remove.

$3

#### query

Required
Type: string

The simplified query as text.

#### enter_callback

Required
Type: function
Default: {}

The function to call when the query become active.

#### exit_callback

Type: function
Default: {}`

The function to call when the query become inactive.

License

MIT © David Mignot