Skip to content

Char Escaping

Stylus lets you escape characters. This effectively turns them into identifiers, allowing them to be rendered as literals.

For example:

body
  padding 1 \+ 2
body
  padding 1 \+ 2

Compiles to:

body {
  padding: 1 + 2;
}
body {
  padding: 1 + 2;
}

Note that Stylus requires that / is parenthesized when used in a property:

body
  font 14px/1.4
  font (14px/1.4)
body
  font 14px/1.4
  font (14px/1.4)

yields:

body {
  font: 14px/1.4;
  font: 10px;
}
body {
  font: 14px/1.4;
  font: 10px;
}