rework-namespace-at

A rework plugin that hijacks the @namespace rule as a selector prefix decorator. Because who uses @namespace anyway?

This is obviously a hack.

Install

npm install rework-namespace-at

Usage

var namespace = require('rework-namespace-at');
var str = 'your css here';
var css = new rework(str).use(namespace()).toString();
console.log(css);

Results

Before:

@namespace .some-prefix;
 
$namespace {
  margin: 10px;
}
 
$namespace.foo {
  padding: 10px;
}
 
body$namespace {
  background: white;
}
 
.bar {
  color: #fff;
}
 
.baz {
  background: green;
}
 
@namespace end;

After:

.some-prefix {
  margin: 10px;
}
 
.some-prefix.foo {
  padding: 10px;
}
 
body.some-prefix {
  background: white;
}
 
.some-prefix .bar {
  color: #fff;
}
 
.some-prefix .baz {
  background: green;
}

License

MIT