Skip to content

Latest commit

 

History

History
86 lines (59 loc) · 1.91 KB

README.md

File metadata and controls

86 lines (59 loc) · 1.91 KB
Raw

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