sourdough-preprocessor

Sourdough preprocessor.

A preprocessor based on:

• postcss
• sugarss
• autoprefixer
• postcss-custom-properties
• postcss-custom-media
• postcss-custom-selectors
• postcss-calc
• postcss-import
• postcss-media-minmax
• postcss-color-function
• postcss-nested

Installation

Install node.js (comes with npm).

npm install sourdough-preprocessor

Usage

sourdough input.sss output.css

API

Command Line

Usage: sourdough [<input>] [<output>]

Options:

  -h, --help                 output usage information
  -i, --import-root [path]   the root directory for imported css files
  -v, --verbose              log verbose output for debugging
  -V, --version              output the version number
  -w, --watch                watch the input file for changes

Examples:

  # pass an input and output file:
  $ sourdough input.sss output.css

  # watch the input file for changes:
  $ sourdough --watch input.sss output.css

  # unix-style piping to stdin and stdout:
  $ cat input.sss | sourdough | grep background-color

Node.js

var preprocessor = require('sourdough-preprocessor')
var fs = require('fs')

var css = fs.readFileSync('src/components/index.sss', 'utf8')

preprocessor(css, {
  from: 'src/components/index.sss',
  map: { inline: true }
}).then(result => {
  fs.writeFileSync('build/bundle.css', result.css)
})

Gulp

Visit gulp-sourdough to know more.

Acknowledgements

Based on SUIT CSS Preprocessor by Nicolas Gallagher. Watch function based on postcss-cli