A CSS preprocessor for working with Sourdough
npm install 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
Install node.js (comes with npm).
``
npm install sourdough-preprocessor
`
sourdough input.sss output.css
#### Command Line
`
Usage: sourdough [] [
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
`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.
Based on SUIT CSS Preprocessor by Nicolas Gallagher.
Watch function based on postcss-cli