twirl-js

Create CSS-in-JS Object Literals with Template Strings

Usage

Install

npm install --save twirl-js

Write styles!

import twirl from 'twirl-js'
 
const background = 'papayawhip'
const size = 18
 
const css = twirl`
  background: ${background}
  font-size: ${size}px
  color: '#000'
`
 
console.log(css) // { background: 'papayawhip', 'font-size': '18px', color: '#000' }

Contributing

Found a bug? Have a feature request or found a way to increase performance? I'd love any input, so feel free to open an issue or submit a pull request.

For pull requests, all I ask is that you run the tests and format your code first (you can use the npm test and npm run format to do so). And if you've created a new feature, I just ask that you add tests to cover whatever amazing thing you've added 😎