PLDB
Languages Features Calendar About Lists Add Language
GitHub icon

Stylus

Stylus

Stylus is a stylesheet language created in 2010 by TJ Holowaychuk.

Stylus is a dynamic stylesheet language that is compiled into Cascading Style Sheets (CSS). Its design is influenced by Sass and LESS. It's regarded as the fourth most used CSS preprocessor syntax. Read more on Wikipedia...

#419on PLDB 12Years Old 391.0Users

Example code from hello-world:

body::before content: "Hello World"

Example code from Linguist:

border-radius() -webkit-border-radius arguments -moz-border-radius arguments border-radius arguments a.button border-radius 5px fonts = helvetica, arial, sans-serif body { padding: 50px; font: 14px/1.4 fonts; } form input[type=text] padding: 5px border: 1px solid #eee color: #ddd textarea @extends form input[type=text] padding: 10px $foo color: #FFF .bar background: #000 @extends $foo

Example code from Wikipedia:

div.rectangle { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

Language features

Feature Supported Example Token
Strings โœ“
"Hello world"
"
Semantic Indentation โœ“

Article source

PLDB - Build the next great programming language. v5.0.0 - Acknowledgements ยท Email ยท GitHub