This repository has been archived by the owner. It is now read-only.
Collection of "pure CSS" plugins for Rework (DEPRECATED)
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
.jshintrc
.travis.yml
CHANGELOG.md
LICENSE.md
README.md
index.js
package.json

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