Stylus ParseError: expected "indent", got "outdent"

Question

Stylus ParseError: expected "indent", got "outdent"

Unable to compile Stylus file app/css/app.styl to CSS: ParseError: app/css/provider.styl:22
   18|  padding-top: 20px
   19|  text-align: center
   20|  border-bottom: 1px solid white
   21|  margin-bottom: 25px
 > 22| 
   23| .aclass
   24|  display: none
   25| 

expected "indent", got "outdent"

What am I doing wrong here? Thanks for any information on this error!

Answer 1

I tend to get this when converting CSS files from other libraries. Usually, it has to do with a nearby rule that contains a filter property.

When a rule contains any Microsoft "progid" you need to escape the entire value.

filter: unqoute("progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b80ff', endColorstr='#1d66d3', GradientType=0)")
-ms-filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=50)")

And finally, Stylus has a build-in alpha function so you need to escape it with unquote it like so:

filter: unquote("alpha(opacity=50)")

Answer 2

found some hidden white space

:/ watch out!