Stylus - Stylesheet language

Stylus is an open source stylesheet language created in 2010 by TJ Holowaychuk.

#511on PLDB

14Years Old

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

Tags: stylesheetLanguage
There are at least 5,041 Stylus repos on GitHub
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
5 PLDB concepts link to Stylus: abs, Ace Editor, Argdown, Glisp, Pug

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	Example	Token
Strings	✓	"Hello world"	"
Semantic Indentation	✓