tools_auto_web/node_modules/json2mq

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 javascript 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 javascript 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