Compass ellipsis syntax

Question

I feel like an idiot but I really cannot figure this out.

I'm using John Long's Sass Twitter Bootstrap conversion of the regular Twitter Bootstrap items. Located here on GitHub

Whenever I compile it I get the following error:

    error sass/bootstrap.scss (Line 246 of sass/bootstrap/_mixins.scss: Invalid
CSS after "...-shadow($shadow": expected ")", was "...) { ")
Sass::SyntaxError on line ["246"] of C: Invalid CSS after "...-shadow($shadow":
expected ")", was "...) { "

Here is the syntax that it complains about:

// Drop shadows
@mixin box-shadow($shadow...) { 
  -webkit-box-shadow: $shadow;
     -moz-box-shadow: $shadow;
          box-shadow: $shadow;
}

I've never seen that syntax before with the ellipsis on a mixin.

My question is how do I fix this error. It's clearly a problem I have.

I'm using Compass v0.12.2

Answer 1

That is the syntax for variable arguments: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_arguments

You will need to upgrade Sass, since it is a new feature of 3.2x.

Answer 2

Look like you have to update sass gem , try this line (I'm assuming you have gem installed)

 gem update sass