CSSOBJ Converter
Convert from normal css/LESS/SASS/SCSS to cssobj.
The online version is below:
http://convertcssobj-futurist.rhcloud.com/
( Currently using OpenShift free hosting for nodejs backend, it will sleep for some idle time.
If you cannot open the page, try again after few seconds, it will wake up.
Someone can help with this? Or provide a node js hosting? )
CLI
Install
npm install -g cssobj-converter
Usage
cssobj [option] [cssfile]
Option
option | short | description |
---|---|---|
--output | -o | output file name(.js file) |
--pretty | -p | pretty format output js object default: true |
--css | -c | css code from command line |
--format | -f | supported: css,less,js. If js then convert from cssobj into css. default: css |
--watch | -w | watch [dir] for changes default: false |
--recursive | -r | recursive convert all [css/less] files in [dir]; default: false |
--keepVendor | -k | keep vendor prefix for css props |
--nameStore | -n | export nameStore as classes /ids , and js object as obj |
If no cssfile
and no -c
, then cssobj will read from STDIN.
Example
#read from stdin, (Ctrl+D) to convertcssobj#convert abc.css into cssobj, output to stdoutcssobj abc.css#convert abc.css into cssobj, output to abc.jscssobj abc.css -o abc.js#convert abc.js into css then outputcssobj -c '{p:{color: "red"}}' -f jscssobj abc.js -f js#convert abc.css into cssobj, output to abc.js, without pretty formatcssobj abc.css -o abc.js -p false#convert lesscssobj abc.less -f less -o abc.jscssobj abc.less -o abc.js #same as above#convert css in command linecssobj -c "p{ color:red; }"# all files in folder convert to .jscssobj ./abc# convert all files in folder and watchcssobj ./abc -w# convert all files in folder and watch, result as {obj, ids, classes}cssobj ./abc -wn
NodeJS
Install
npm install -S cssobj-converter
Usage
var converter =console
Server
From the lib folder, npm i
then run below script:
npm run server
Service URL: http://localhost:8080
Accept POST
json data as below:
curl -d '{ "text" : "p {color:red;}" }' localhost:8080