css - 「インデント」が必要で、「アウトデント」を取得しました

Question

  ParseError: /Users/JMiller/Projects/multisport-momentum/public/stylesheets/style.styl:15

  11|     color #031634
  12| }
  13| a {
  14|     color font.color
> 15|     text-decoration none
  16| }
  17| 
  18| .header

  expected "indent", got "outdent"

これは何を意味するのでしょうか？空白と何か関係がありますか？何の空白？これを修正するにはどうすればよいですか?

Answer 1

ここでの問題は、何よりもエラー報告です。.スタイラス変数名（またはミックスイン名）にドットを使用することは許可されていないため、名前font.colorをegに変更するfont-colorと問題が解決します。

Answer 2

コロンを介してプロパティを書き込みます。例えば：

fontFamily = {
   primary: unquote ("'Open Sans', sans-serif")
}

font-family: fontFamily.primary

WebStorm はこの構文を保証します。これを変更するには、変数の前に $ を追加します。例えば：

$fontFamily = {
   primary: unquote ("'Open Sans', sans-serif")
}

font-family: $fontFamily.primary