kikiki-kiki https://blog.hatena.ne.jp/kikiki-kiki/ かもメモ https://chaika.hatenablog.com/ stylus CSS Node.js CSSのプリプロセッサはSASSとLESSの2強の様ですが、ぼくは頑なにStylusを使っています。 Stylusで変数を使って値を計算させる時、マイナスの値にしたいとかで不等号を変更する時は注意が必要です。 NGな例 変数名のまま出力される $posX = 100 .myClass background-position: -$posX 0 ↓ 出力されるCSS .myClass { background-position: -$posX 0 } コンパイルエラーになる -$変数名として計算しようとするとエラーになります。-$変数名が文字列になるからでしょう。 $posX = -$step … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2016%2F07%2F13%2F102227" title="Stylus 変数の計算で不等号を変更するときのメモ。 - かもメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://stylus-lang.com/img/stylus-logo.svg Hatena Blog https://hatena.blog 2016-07-13 10:22:27 rich https://chaika.hatenablog.com/entry/2016/07/13/102227 1.0 100%