json2mq
v0.2.0
Published
Generate media query string from JSON or javascript object
Downloads
10,136,438
Readme
json2mq
json2mq is used to generate media query string from JSON or javascript object.
Install
npm install json2mq
Usage
var json2mq = require('json2mq');
json2mq({minWidth: 100, maxWidth: 200});
// -> '(min-width: 100px) and (max-width: 200px)'
- Media type
json2mq({screen: true}); // -> 'screen'
- Media type with negation
json2mq({handheld: false}); // -> 'not handheld'
- Media features can be specified in camel case
json2mq({minWidth: 100, maxWidth: 200});
// -> '(min-width: 100px) and (max-width: 200px)'
- px is added to numeric dimension values
json2mq({minWidth: 100, maxWidth: '20em'});
// -> '(min-width: 100px) and (max-width: 20em)'
- Multiple media queries can be passed as an array
json2mq([{screen: true, minWidth: 100}, {handheld: true, orientation: 'landscape'}]);
// -> 'screen and (min-width: 100px), handheld and (orientation: landscape)'
Contributors
- Eric Schoffstall