css-rule-stream

    1.1.0 • Public • Published

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

    Install

    npm i css-rule-stream

    DownloadsWeekly Downloads

    144,459

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • anandthakker