1
0
mirror of https://github.com/thangisme/notes.git synced 2024-12-22 19:56:27 -05:00
notes/node_modules/css-rule-stream
Patrick Marsceill b7b0d0d7bf
Initial commit
2017-03-09 13:16:08 -05:00
..
lib Initial commit 2017-03-09 13:16:08 -05:00
test Initial commit 2017-03-09 13:16:08 -05:00
.npmignore Initial commit 2017-03-09 13:16:08 -05:00
.travis.yml Initial commit 2017-03-09 13:16:08 -05:00
example.js Initial commit 2017-03-09 13:16:08 -05:00
index.js Initial commit 2017-03-09 13:16:08 -05:00
LICENSE Initial commit 2017-03-09 13:16:08 -05:00
package.json Initial commit 2017-03-09 13:16:08 -05:00
README.md Initial commit 2017-03-09 13:16:08 -05:00

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}"}