RGBboy/preprocessor

A future-facing CSS preprocessor (used by SUIT CSS)

suitcss-preprocessor

SUIT CSS preprocessor.

Provides a CLI and Node.js interface for a preprocessor that combines rework-suit with autoprefixer.

Installation

npm install suitcss-preprocessor

Usage

suitcss input.css output.css

API

Command Line

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

Options:

  -c, --compress             compress output
  -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:
  $ suitcss input.css output.css

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

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

Node.js

var preprocessor = require('suitcss-preprocessor');
var fs = require('fs');

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

var bundle = preprocessor(css, {
  alias: {
    'components': 'src/components'
  },
  source: 'src/components/index.css',
  sourcemap: true
});

fs.writeFileSync('build/bundle.css', bundle);

Acknowledgements

Based on Myth by Segment.io.