suitcss-preprocessor

A CSS preprocessor for working with SUIT CSS

suitcss-preprocessor

SUIT CSS preprocessor.

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

npm install suitcss-preprocessor
suitcss input.css output.css
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
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);

Based on Myth by Segment.io.