recess - Online sa Cloud

PROGRAMA:

NAME

pahinga - simple, kaakit-akit na tool sa kalidad ng code para sa CSS na binuo sa ibabaw ng MABA.

SINOPSIS

pahinga [PATH] [Opsyon]

DESCRIPTION

Binuo sa Twitter upang suportahan ang aming panloob na styleguide, ang RECESS ay isang simple, kaakit-akit
tool sa kalidad ng code para sa CSS na binuo sa ibabaw ng MABAIT.

Isama ito sa iyong proseso ng pag-unlad bilang isang linter, o direktang isama ito sa
ang iyong build system bilang isang compiler, pananatilihin ng RECESS na malinis at super ang iyong source
mapapamahalaan.

Opsyon

--compile
kino-compile ang iyong code at ilalabas ito sa terminal. Inaayos ang puting espasyo at pagkakasunud-sunod.
Maaaring mag-compile ng css o mas kaunti.

--compress
i-compress ang iyong pinagsama-samang code.

--config
tumatanggap ng isang landas, na tumutukoy sa isang object ng json config.

--stripColors
inaalis ang kulay mula sa output (kapaki-pakinabang kapag nagla-log).

--panoorin
panoorin ang filesystem para sa mga pagbabago, kapaki-pakinabang kapag nag-compile ng Mas kaunting mga proyekto.

--noIDs
ay hindi nagrereklamo tungkol sa paggamit ng mga ID sa iyong mga stylesheet.

--noJSPrefix
ay hindi nagrereklamo tungkol sa pag-istilo ng `.js-` na mga prefix na classname.

--noOverqualifying
ay hindi nagrereklamo tungkol sa mga sobrang kwalipikadong tagapili (ibig sabihin: `div#foo.bar`).

--walang Underscore
ay hindi nagrereklamo tungkol sa paggamit ng mga salungguhit sa iyong mga pangalan ng klase.

--noUniversalSelectors
ay hindi nagrereklamo tungkol sa paggamit ng universal `*` selector.

--strictPropertyOrder
ay hindi tumitingin sa iyong pag-order ng ari-arian.

--zeroYunits
ay hindi nagrereklamo kung magdagdag ka ng mga unit sa mga halagang 0.

HALIMBAWA

Lit lahat ng css file:
$ recess *.css

Lint file, huwag pansinin ang pag-istilo ng mga ID:
$ recess ./bootstrap.css --noIds false

I-compile at i-compress ang .less na file, pagkatapos ay i-output ito sa isang bagong file:
$ recess ./bootstrap.less --compress > ./bootstrap-production.css

Manood ng isang direktoryo para sa mga pagbabago at awtomatikong mag-compile ng css file mula sa mga pagbabago.
*pang-eksperimento*:
$ recess input.less:ouput.css --compile --watch watch/this/dir/for/changes

Gumamit ng recess online gamit ang mga serbisyo ng onworks.net