ожидаемый «отступ», получивший «отступ»

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 в 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