rpm-mcarman b9f7ec4306 First Commit		3年前
..
test	First Commit	3年前
.npmignore	First Commit	3年前
LICENSE	First Commit	3年前
README.md	First Commit	3年前
index.js	First Commit	3年前
package.json	First Commit	3年前

README.md

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