Stylus

Expressive, dynamic, robust CSS

Fork me on GitHub

エスケープ 原文

Stylusでは文字をエスケープすることも出来ます。 識別子の中に効果的に配置することで、レンダリング時にリテラルとして出力されるようになります。

例:

 body
   padding 1 \+ 2

コンパイル後:

 body {
   padding: 1 + 2;
 }

注意:Stylusでは、プロパティの中で / を使用する際は、括弧で囲うことが必須です。

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

結果:

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