thoughtbot/bourbon

Syntax error: Invalid CSS after ..

chihebnabil opened this issue · 11 comments

chihebnabil commented

Hi,
I.m New tu boubon i just install it ,and set up a blank compass project

when i watch the project it printy in out put css ::

Syntax error: Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..."

Any Idea ?

@import "bourbon/bourbon";

body {
font-family: $helvetica;

}
eikaramba commented

that is interessting, i have a similar problem. I'm using libsass and currently i get the following error:
Warning: XXXX/bourbon/helpers/linear-angle-parser:21: error: error reading values after webkit-image

BTW: I'm using libsass through grunt-sass 0.12.1 and bourbon 3.2.1

Update: Fixed it! I was still using bourbon 4 (don't ask, i made a mistake at some point) So i advice you to check again for the right bourbon version. Make sure you use 3.2.1 and maybe delete your bourbon folder and call "gem install bourbon" again if necessary

king-tom commented

I also get this error; from line 21 of /bourbon/helpers/_linear-angle-parser.scss

invalid CSS after " webkit-image": expected ")", was "-webkit- + $p..."

osx mavericks, bourbon 4.0.1, sass 3.3.7

KittyGiraudel commented

Bourbon 4 seems to run on Sass 3.3. If you are still running Sass 3.2, be sure to use a version of Bourbon prior to 4 (3.2 I'd say?), else you might encounter some parsing issues, especially with maps.

chihebnabil commented

i'm using Bourbon 4.0.1 and Sass 3.3.3

robertoplancarte commented

You can add a sass task to your Gruntfile so it uses the sass gem to build the bower_components and compass for the rest like this: http://robots.thoughtbot.com/getting-started-with-sass-bourbon-and-neat-with-yeoman

tysongach commented

@chihebnabil Still having issues? What does your setup look like? Using Bourbon with Compass is not typical and may cause compatibility issues, especially since Compass is not up-to-date with Sass 3.3, which Bourbon 4+ requires.

Try downgrading Bourbon to 3.2.x.

claman commented

Is there any word on when/if Compass will support Sass 3.3?

tysongach commented

@claman I believe they do now, as of v1.0.0, which just came out a week or so ago.

claman commented

@tysongach thanks!

alextrastero commented

The issue for me was because of incompatible versions of each gem.
I downgraded sass to 3.3.0 and then removed bourbon and installed bourbon 3.2.3
then bourbon install and all well