json2mq

json2mq is used to generate media query string from JSON or javascript object.

Install

npm install json2mq

Usage

1var json2mq = require('json2mq');
2json2mq({minWidth: 100, maxWidth: 200});
3// -> '(min-width: 100px) and (max-width: 200px)'

• Media type

1json2mq({screen: true});  // -> 'screen'

• Media type with negation

1json2mq({handheld: false});  // -> 'not handheld'

• Media features can be specified in camel case

1json2mq({minWidth: 100, maxWidth: 200});
2// -> '(min-width: 100px) and (max-width: 200px)'

• px is added to numeric dimension values

1json2mq({minWidth: 100, maxWidth: '20em'});
2// -> '(min-width: 100px) and (max-width: 20em)'

• Multiple media queries can be passed as an array

1json2mq([{screen: true, minWidth: 100}, {handheld: true, orientation: 'landscape'}]); 
2// -> 'screen and (min-width: 100px), handheld and (orientation: landscape)'

Contributors

• Eric Schoffstall