css namespace

[node-cube]

css namespace

[alsotang]

这下应该行了

var multiline = require('multiline');
var css = multiline(function () {
/*
body {

  font-size: 12px;

}

p {

  haha: 10px;
}

p, h, a   {

  h: 10px;

}

.footer .bar

{
  hhe: 1px; hah: 2px;
}

body{
  font-size: 13px Helvetica, arial, freesans, clean, sans-serif;
  line-height: 1.4;
  color: #333;
  margin: 0px auto;
}
a{
  color: #333;
}
a:hover{
  text-decoration: none;
}
#head{
  height: 47px;
  line-height: 47px;
}
#head .inner{width:1200px;margin:auto;}
.site-logo{
  float: left;
}
#head .nav{

}
#head .nav li{
  float: left;
}
#head .nav li a,
lakjsdf .alkdjf{
  color: #fff;
}
*/
});


var namespace = '.add';
var parseCssRe = /\}\n?([\s\S]*?)\{/g;

function addNamespace(css, namespace) {
  css = '}' + css;
  css = css.replace(parseCssRe, function (match, p1, offset, string) {
    var selectors = p1.split(',').map(function (selector) {
      return namespace + ' ' + selector.trim();
    });
    selectors = selectors.join(',');

    return '}\n' + selectors + '{';
  });

  css = css.slice(1);

  return css;
}

css = addNamespace(css, namespace);

console.log(css);

[fishbar]

done v0.0.17