Collection of "pure CSS" plugins for Rework (DEPRECATED)
JavaScript
Latest commit 49eb81a Nov 23, 2015 @simonsmith simonsmith Add deprecation notice
Fix #14
Permalink
Failed to load latest commit information.
test Update 'rework-npm' to ^1.0.0 Jun 24, 2014
.gitignore v0.1.0 Nov 21, 2013
.jshintrc Add indentation lint setting Feb 6, 2014
.travis.yml v0.1.0 Nov 21, 2013
CHANGELOG.md 4.0.0 Jul 1, 2014
LICENSE.md v0.1.0 Nov 21, 2013
README.md Add deprecation notice Nov 23, 2015
index.js
package.json 4.0.0 Jul 1, 2014

README.md

rework-suit (DEPRECATED)

Use the suitcss-preprocessor which now makes use of postcss directly.

Build Status

A Rework plugin for use with SUIT CSS.

Installation

Install with npm:

npm install --save-dev rework-suit

Use

As a Rework plugin:

var css = fs.readFileSync('build/build.css', 'utf8').toString();

var processed = rework(css)
  .use(suit(options))
  .toString();

Where options has properties alias, root, and shim corresponding to the options available in rework-npm.

Features

Original:

@import "normalize.css";

@custom-media --narrow-viewport all and (min-width:300px);

:root {
  --color: green;
  --width: 100px;
}

@media (--narrow-viewport) {
  .example {
    /* simple variable */
    color: var(--color);
    /* variable with fallback */
    outline: var(--outline, 1px solid red);
    /* calc */
    width: calc(var(--width) * 2);
  }
}

yields:

/* …inlined normalize.css source code… */

@media all and (min-width:300px) {
  .example {
    /* simple variable */
    color: green;
    /* variable with fallback */
    outline: 1px solid red;
    /* calc */
    width: 200px;
  }
}

Testing

Install all dependencies and run the tests:

npm install && npm test

Watch and re-run the tests:

npm run watch