css-rule-stream

transform stream to cut css into rule-sized chunks

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
css-rule-stream
1.1.08 years ago8 years agoMinified + gzip package size for css-rule-stream in KB

Readme

css-rule-stream Build Status
transform stream to cut css into rule-sized chunks, which come in the form:
{
  content: "your css"
}

Example:
var rules = require('css-rule-stream'),
    ldjson = require('ldjson-stream');

fs.readFileSync(__dirnam + '/main.css')
  .pipe(rules)
  .pipe(ldjson.serialize())
  .pipe(process.stdout);

main.css
div {
  background: red;
}

.cls {
  color: green;
}

#id {
  font-size: 10px;
}

/* comment */

@media screen and (min-width: 1000px) {
  a {
    text-decoration: underline;
  }
}

a:hover {
  font-weight: bold;  
}

section 


{
  margin: 0;
  /* comment wthin a rule */
  padding: 5px;
}


body > * {
  
}

output
{"content":"div {\n  background: red;\n}"}
{"content":".cls {\n  color: green;\n}"}
{"content":"#id {\n  font-size: 10px;\n}"}
{"content":"@media screen and (min-width: 1000px) {\n  a {\n    text-decoration: underline;\n  }\n}"}
{"content":"a:hover {\n  font-weight: bold;  \n}"}
{"content":"section \n\n\n{\n  margin: 0;\n  /* comment wthin a rule */\n  padding: 5px;\n}"}
{"content":"body > * {\n  \n}"}