Stylus – nice to know

Stylus supports interpolation by using the {} characters to surround an expression, which then becomes part of the identifier. For example, -webkit-{'border' + '-radius'} evaluates to -webkit-border-radius.

You need node.js first, so you can install stylus package. Run: “sudo npm install stylus -g”

To start watch Stylus:
stylus –watch ./stylus/ –out ./css
Remember that Whitespace is significant when writing Stylus.
Some examples in Stylus:

Becomes in CSS:

 

Leave a Reply

Your email address will not be published. Required fields are marked *