expected "indent", got "outdent"

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"

What does this mean? It has something to do with whitespace? What whitespace? How do I fix this?

Answer 1

The problem here is error reporting more than anything else. Dots . are not allowed in stylus variable names (nor mixin names), so renaming font.color to e.g. font-color will solve your problem.

Answer 2

Write property through the colon. For Example:

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

font-family: fontFamily.primary

WebStorm swears on this syntax. For this to change, add $ before the variable. For Example:

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

font-family: $fontFamily.primary