node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »

sourdough-preprocessor

sourdough-preprocessor

Build Status

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