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

node.js stylus
fancy picture fancy · Jul 6, 2011 · Viewed 18.7k times · Source

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

Benxamin picture Benxamin · Dec 6, 2013

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)")

Related questions

Setting up auto compile for Stylus

I have installed node.js/stylus/nib on my mac and I can manually compile .styl file to .css on the command line. I also know there is this stylus.middleware() things that keeps coming up when I search for …

Read More
OS X editor (or IDE) that is really good for "node.js" development?

I'm an old Emacs user - I've used it for about 10years now. When I switched to Mac I started to use Aquamacs, which is great in many ways. But now most my development work involves Node.js/Express.js (…

Read More
Stylus and Express - stylesheets are not re-compiled when modified

I am running latest version of Node on Mac OS X. I've installed Express together with Stylus. Also the latest versions. Stylus is not re-compiling my .styl files, when I modify them. How can I fix this? The only solution …

Read More