search

thoughtbot / bourbon

A Lightweight Sass Tool Set
https://www.bourbon.io/
MIT License
9.09k stars 878 forks source link

Compatibility Issues Between Versions #479

Closed ghost closed 10 years ago

ghost commented 10 years ago

I am just starting out using the Bourbon family. I have the following versions installed:

Sass v3.3.9 Bourbon v4.0.2 Neat v1.6.0pre Bitters v0.10.0

I am using Codekit and Coda 2. When saving Coda produces the following error:

bourbon/helpers/linear-angle-parser:21: error: error reading values after webkit-image

Codekit states : Syntax error: Undefined variable: "$large-screen" on line 15 of _nav.scss

My imports are in the following order: Bourbon Neat normalize Bitters components (nav, hero, etc)

Please help, I'm tearing out what little hair I have left.

Thanks In Advance Andrew

tysongach commented 10 years ago

Are you also using Compass, by chance? Because it’s packaged with an older version of Sass and can cause this issue.

Otherwise, can you confirm that your project codebase itself is using Sass 3.3+ and that its not just installed on your system?

For the error Undefined variable: "$large-screen" make sure you have your imports set up correctly. Instructions found here (particularly make sure you read through the part about uncommenting @import "grid-settings"; in _base.scss): https://github.com/thoughtbot/bitters#installation

ghost commented 10 years ago

Thanks for the super quick response. The version of Sass that Codekit uses is v3.3.7 specifically. I still get the error from Coda even after downgrading the systemwide version of Sass to v3.3.7. I'm not using Compass at all.

I should restate, that only Coda 2 gives this error, CodeKit is fine with it.

I'd missed uncommenting @import "grid-settings"; doing this solved the variable error.

Thanks Andrew

ghost commented 10 years ago

Problem solved. Downgraded Bourbon to v3.2.0 and Neat to v1.5.0.