Particle Emitter

An Atomic-CSS Library Generator

Usage

``
npm install --save particle-emitter
`
or
`
yarn add particle-emitter
`


`
import ParticleEmitter from 'particle-emitter';

// see examples for config structure
const styleConfig = {
defaultClassTemplate: ...,
defaultRuleTemplate: ...,
mediaQueries: ...,
lists: ...,
rules: ...,
};

const emitter = new ParticleEmitter(styleConfig));

console.log(emitter.getCss()); // css
`

Examples

To run the examples, clone the repo from github, then install the dependencies:
`
npm install
`
You can then run the 4 examples provided using npm run [name].




$3

This is the simplest example, and shows the basic syntax. You can see the code in examples/simple1/.

To run it:
`
npm run simple1
`

$3

This is a slightly more complex example, introducing more syntax such as share-able lists. You can see the code in examples/simple2/.

To run it:
`
npm run simple2
`

$3

A small example that generates the css rules for spacing (padding and margin) from the Tachyons library's CSS is available in examples/tachyons-spacing-only/.

To run it:
`
npm run tachyons-spacing-only
`

$3

An example that generates the complete Tachyons library's CSS (with very minor differences) is available in examples/tachyons/.

To run it:
`
npm run tachyons
``