Stylus

Stylus is a dynamic stylesheet preprocessor language that is compiled into Cascading Style Sheets (CSS). Its design is influenced by Sass and Less. It is regarded as the fourth most used CSS preprocessor syntax. It was created by TJ Holowaychuk, a former programmer for Node.js and the creator of the Luna language. It is written in JADE and Node.js. Selectors Unlike CSS, which uses braces to open and close declaration blocks, indentation is used. Additionally, semi-colons are optionally omitted. Hence, the following CSS: body { color: white; } can be shortened to: body color: white Further, colons (:) and commas are also optional; that means the above can be written as, body color white Variables Stylus allows variables to be defined, however unlike Less and Sass, it doesn't use a symbol to define variables. Additionally, variable assignment is done automatically by separating the property and keyword(s). In this way, variables are similar to the variables in Python. message = 'Hello, World!' div::before content message color #ffffff