css-to-js.macro
v0.1.0
Published
**Not ready for production**
Downloads
4
Maintainers
Readme
css-to-js.macro
Not ready for production
Babel macro to transform CSS tagged template literal to object
Usage
Input
import { css, keyframes } from 'css-to-js.macro';
css`
color: red;
font-size: ${props.fontSize};
${props.isBlue && css`
color: blue;
`}
animation-name: ${keyframes`
from { opacity: 1; }
to { opacity: 0; }
`};
`
Output
{
color: 'red',
'font-size': props.fontSize,
...(props.isBlue && { color: 'blue' }),
'animation-name': {
from: { opacity: 1 },
to: { opacity: 0 }
}
}
Installation
# Yarn
yarn add -D css-to-js.macro babel-plugin-macros
# npm
npm install -D css-to-js.macro babel-plugin-macros
Babel config
{
"plugins": ["macros"]
}