Stylus

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

Stylus website
Stylus Wikipedia page
There are at least 5,041 Stylus repos on GitHub
file extensions for Stylus include styl
The Google BigQuery Public Dataset GitHub snapshot shows 315 users using Stylus in 344 repos on GitHub
CodeMirror package for syntax highlighting Stylus
GitHub supports syntax highlighting for Stylus
stylus-lang.com was registered in 2015
See also: (4 related languages)Sass, CSS, JADE, Python
HTML of this page generated by LanguagePage.ts

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;
}

Feature	Supported	Token	Example
Strings	✓	"	"Hello world"
Semantic Indentation	✓

Stylus - Stylesheet language

Language features