toStyle

Converts style objects to strings. Can be used on node or in the browser.

Install

npm install to-style

Usage

1var toStyleString = require('to-style').string
2var toStyleObject = require('to-style').object

toStyleString

1toStyleString({
2    border: {
3        width: 1,
4        color: 'red'
5    },
6    padding: 4,
7    margin: {
8        top: 5
9    }
10}) == 'border-width: 1px; border-color: red; padding: 4px; margin-top: 5px;'

toStyleObject

1
2toStyleObject({
3    padding: {
4        top: 3,
5        bottom: 2
6    },
7    border: '1px solid red',
8    margin: 4
9}) // =>
10/*
11{
12    'padding-top': '3px',
13    'padding-bottom': '2px',
14    'border': '1px solid red',
15    'margin': '4px'
16}
17 */

You can also get your styles in camel-case, just pass a config object as a second argument to toStyleObject, with camelize: true

Example:

1toStyleObject({
2    padding: {
3        top: 10
4    },
5    'border-width': 20
6}, { camelize: true})
7
8/**
9 *  {
10 *      paddingTop: '10px',
11 *      borderWidth: '20px'
12 *  }
13 */

Usage in browser

In browser, make sure you add dist/toStyle.js to your page. This exposes a global toStyle variable.

1var toStyleString = toStyle.string
2var toStyleObject = toStyle.object
3