toStyle
Converts style objects to strings. Can be used on node or in the browser.
Install
npm install to-style
Usage
var toStyleString = stringvar toStyleObject = object
toStyleString
== 'border-width: 1px; border-color: red; padding: 4px; margin-top: 5px;'
toStyleObject
// =>/*{ 'padding-top': '3px', 'padding-bottom': '2px', 'border': '1px solid red', 'margin': '4px'} */
You can also get your styles in camel-case, just pass a config object as a second argument to toStyleObject
, with camelize: true
Example:
/** * { * paddingTop: '10px', * borderWidth: '20px' * } */
Usage in browser
In browser, make sure you add dist/toStyle.js
to your page. This exposes a global toStyle
variable.
var toStyleString = toStylestringvar toStyleObject = toStyleobject