@ffras4vnpm/voluptatem-odio-minima

Unnest/flatten a Unistyle Object to a structure which resembles real CSS

Installation

Install @ffras4vnpm/voluptatem-odio-minima using npm:

1npm install --save @ffras4vnpm/voluptatem-odio-minima

Usage

Module usage

Nesting

1var flat = require('@ffras4vnpm/voluptatem-odio-minima');
2
3flat({
4	a: {
5		':hover': {
6			fontWeight: 'bold'
7		}
8	}
9});
10/**
11 * {
12 *   'a:hover': {
13 *     fontWeight: 'bold'
14 *   }
15 * }
16 */

References

1var flat = require('@ffras4vnpm/voluptatem-odio-minima');
2
3flat({
4	a: {
5		'& + span': {
6			fontWeight: 'bold'
7		}
8	}
9});
10/**
11 * {
12 *   'a + span': {
13 *     fontWeight: 'bold'
14 *   }
15 * }
16 */

Media Queries

1var flat = require('@ffras4vnpm/voluptatem-odio-minima');
2
3flat({
4	p: {
5		fontSize: '1em',
6		'@media only screen and (max-width: 700px)': {
7			fontSize: '.8em'
8		}
9	}
10});
11/**
12 * {
13 *   p: {
14 *     fontSize: '1em'
15 *   },
16 *   '@media only screen and (max-width: 700px)': {
17 *     p: {
18 *       fontSize: '.8em'
19 *     }
20 *   }
21 * }
22 */

Arrays

1var flat = require('@ffras4vnpm/voluptatem-odio-minima');
2
3flat([
4	{body: {color: 'white'}},
5	{body: {background: 'blue'}}
6]);
7/**
8 * {
9 *   body: {
10 *     color: 'white',
11 *     background: 'blue'
12 *   }
13 * }
14 */

Grouping of selectors

1var flat = require('@ffras4vnpm/voluptatem-odio-minima');
2
3flat({
4	'.item1': {color: 'white'},
5	'.item2': {color: 'white', background: 'blue'}
6});
7/**
8 * {
9 *   '.item1, .item2': {
10 *     color: 'white'
11 *   },
12 *   '.item2': {
13 *     background: 'blue'
14 *   }
15 * }
16 */

API

flat(obj)

Name	Type	Description
obj	`Object	Array`

Returns: Object, the flattened/unnested object.

License

MIT © Joakim Carlstein