Latest updates from IceHrmPro
This commit is contained in:
44
web/node_modules/json2mq/README.md
generated
vendored
Normal file
44
web/node_modules/json2mq/README.md
generated
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
# 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
|
||||
|
||||
Reference in New Issue
Block a user