Hands-On UX Design for Developers

Stylus

Stylus is a newer CSS preprocessor compared to Less and Sass. It was first introduced in 2010, and its intention was to provide a much easier and cleaner syntax compared to what Less and Sass were providing.

Besides all the standard features that you have in Sass and Less, using Stylus you can create your own functions to create and manage new CSS parameters.

Another different advantage of Stylus compared to the two other CSS preprocessors is transparent mixins, where you can avoid specifying a list of different parameters, but you will able to define your functions.

Stylus is completely written in the JavaScript framework, Node.js, similar to Less.

All three CSS preprocessors are really similar to each other, and they all provide ...