yo-css
v1.1.0
Published
yo-yo helper for inline css
Downloads
12
Readme
yo-css
yo-yo helper for inline css, inspired by React: CSS in JS by vjeux.
Example
const css = require('yo-css')
const yo = require('yo-yo')
const style = {
backgroundColor: 'red',
width: 0,
border: '3px'
}
const overwrite = {
backgroundColor: 'green'
}
const el = yo`
<div style=${css(style, overwrite)}>
Test!
</div>
`
document.body.appendChild(el)
Installation
$ npm install yo-css
API
css(...styles)
Given any number of style objects, merges them into one and returns a valid string of css. Later style objects have precedence. Use camelCase for your properties, this function converts them into proper css case.
License
MIT