patternplate-transform-node-sass

Process SASS and SCSS to CSS with patternplate.

Transformation

Input

// patterns/sass-example.scss 
@import 'normalize.scss';
 
@include normalize();
 
body {
  color: red;
  background: green;
  &.special {
    color: green;
    background: red;
  }
}

Output

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* normalizing styles here */
 
body {
  color: red;
  background: green;
}
body.special {
  color: green;
  background: red;
}

Installation

npm install --save patternplate-transform-node-sass

Configuration

// configuration/patternplate-server/patterns.js
module.exports = {
  formats: {
    scss: {
      transforms: ['node-sass']
    }
  }
}
 
// configuration/patternplate-server/transforms.js
module.exports = {
  'node-sass': {
    inFormat: 'scss',
    outFormat: 'css',
    // https://github.com/sass/node-sass#options
    opts: {}
  }
}

See also

• patternplate - Create, show and deliver component libraries
• transform-less - Process LESS to CSS
• transform-postcss - Process CSS via PostCSS

---

Copyright by Mario Nebl. Released under the MIT license.