rework-idtoattr

rework ID to Attribute

A Rework plugin to convert CSS ID-Selectors to Attribute-Selectors.

Installation

Install with npm:

npm install --save-dev rework-idtoattr

Example

Run

node index.js

within folder example

index.js

 
  var rework = require('rework');
  var plugin = require('rework-idtoattr');
 
  var read = require('fs').readFileSync;
  var write = require('fs').writeFileSync;
 
  var css = rework(read('source.css', 'utf8')).use(plugin).toString();
 
  write('output.css', css);

source.css

#button ul ~ p {
  padding: 0;
}
 
#searchbar {
  border: 0;
}
 
div#test >ul.nav #login {
  width: auto;
  height: 100px;
}

output.css

[id="button"] ul ~ p {
  padding: 0;
}
 
[id="searchbar"] {
  border: 0;
}
 
div[id="test"] >ul.nav [id="login"] {
  width: auto;
  height: 100px;
}