文字のエスケープ #

Stylusでは、文字をエスケープすることができます。これは、文字を識別子に変換し、リテラルとしてレンダリングすることを可能にします。

例えば

body
  padding 1 \+ 2

body
  padding 1 \+ 2

以下のようにコンパイルされます

body {
  padding: 1 + 2;
}

body {
  padding: 1 + 2;
}

Stylusでは、プロパティで使用する場合、`／` は括弧で囲む必要があることに注意してください。

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

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

以下のような結果になります

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

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