Stylus documentation:

Stylus tutorial:

What is Stylus

Stylus is a CSS pre-processor, that runs in node.js or even a web browser.

Why Use a CSS pre-processor

Why Stylus

Stylus convention for Infusion

How to prevent grunt from compiling utility Stylus files

Utility Stylus files only contain mixins or functions for other Stylus files to import. Utility files should not be compiled down to CSS, to prevent the grunt task `grunt buildStylus` from compiling them, place these files in a "utils" directory. This is an example of the utility directory.

Steps to convert an infusion CSS to Stylus

To be converted


Inline Editor -


Pager -


Reorderer -


Table of contents -


Uploader -


Framework core -


Progressive enhancement -


Overview Panel - (relatively difficult involving themes)