A tool to generate trendy CSS-in-JS files from regular CSS.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Not initial commit Oct 2, 2017
lib Replace archive by single file (#4) Oct 6, 2017
.gitignore Not initial commit Oct 2, 2017
.npmignore Move prettier formatting to index.ts Oct 3, 2017
LICENSE Initial commit Oct 2, 2017
README.md Replace archive by single file (#4) Oct 6, 2017
index.ts Replace archive by single file (#4) Oct 6, 2017
package-lock.json
package.json Replace archive by single file (#4) Oct 6, 2017
tmux.sh Move prettier formatting to index.ts Oct 3, 2017
tsconfig.json Not initial commit Oct 2, 2017
tslint.json Not initial commit Oct 2, 2017
typings.d.ts Not initial commit Oct 2, 2017

README.md

CSS-in-JS-generator

CSS-in-JS-generator is a tool to generate trendy CSS-in-JS files from regular CSS.

Install

npm install css-in-js-generator

Usage

Here is a demo to convert Bootstrap to CSS-in-JS usable by emotion.

curl https://unpkg.com/bootstrap@4.0.0-beta/dist/css/bootstrap.css | \
    node ./node_modules/css-in-js-generator/index.js > \
    bootstrap.js

Demo

A demo using next.js, emotion and bootstrap is available here, source code of demo is here.

License

MIT