Languages Features Creators Calendar CSV Resources Blog About Pricing Add Language
GitHub icon

Stylus

Stylus - Stylesheet language

< >

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

#419on PLDB 13Years Old 391Users
0Books 0Papers 5kRepos

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...


Example from hello-world:
body::before content: "Hello World"
Example 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 from Wikipedia:
div.rectangle { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

Language features

Feature Supported Token Example
Strings ✓ "
"Hello world"
Semantic Indentation ✓
treesheets.html · stylus.html · swi-prolog.html

View source

- Build the next great programming language · Search · v2023 · Day 208 · Docs · Acknowledgements · Traffic · Traffic Today · Mirrors · GitHub · feedback@pldb.com