|
1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- # json2mq
-
- json2mq is used to generate media query string from JSON or javascript object.
-
- ## Install
- npm install json2mq
-
- ## Usage
- ```javascript
- var json2mq = require('json2mq');
- json2mq({minWidth: 100, maxWidth: 200});
- // -> '(min-width: 100px) and (max-width: 200px)'
- ```
- * Media type
- ```javascript
- json2mq({screen: true}); // -> 'screen'
- ```
- * Media type with negation
- ```javascript
- json2mq({handheld: false}); // -> 'not handheld'
- ```
-
- * Media features can be specified in camel case
- ```javascript
- 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
- ```javascript
- json2mq([{screen: true, minWidth: 100}, {handheld: true, orientation: 'landscape'}]);
- // -> 'screen and (min-width: 100px), handheld and (orientation: landscape)'
- ```
-
-
-
- ## Contributors
-
- * Eric Schoffstall
-
|