CoffeeScriptCSS这个名字跟CoffeeScript无关，将脚本化的样式变成CSS代码。
install:npminstallccss
main.coffee:
ccss=require'ccss'template=require'./template.coffee'css=ccss.compiletemplaterequire('fs').writeFileSync'main.css',css#orallatonce:ccss.compileFile'./template.coffee','main.css'template.coffee:
borderRadius=(str)->WebkitBorderRadius:strMozBorderRadius:strborderRadius:strboxShadow=(str)->WebkitBoxShadow:strMozBoxShadow:strboxShadow:strmodule.exports=form:input:padding:'5px'border:'1pxsolid'mixins:borderRadius'5px''#id.className':do->opaque=1translucent=opaque/2img:mixins:[borderRadius'5px'boxShadow'5px']opacity:translucent'img:hover':opacity:opaquemain.css:
forminput{padding:5px;border:1pxsolid;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}#id.classNameimg{opacity:0.5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px;-moz-box-shadow:5px;box-shadow:5px;}#id.classNameimg:hover{opacity:1;}
评论