benjamminj / twirl-js

Template literal for writing CSS and turning it into objects

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 😎