compile error about breakpoint HOT 26 CLOSED

Hmm, I think the issue may be CodeKit; I'm not sure if CodeKit will work with the Sass 3.2 Alpha that's needed for Breakpoint to work. I will investigate further, but I think this is in fact the issue.

Can you try the following for me?

Open up terminal.app, navigate to your project's folder (if you don't know how, check out the crash course in Terminal for Mac, input the following:

sudo gem install sass --pre

Type in your password, press enter. This will install the version of Sass needed for Breakpoint.

Try and recompile using CodeKit now. If that doesn't work, let me know.

from breakpoint.

My sass version was Sass 3.2.0.alpha.247 (Bleeding Edge).
Now is Sass 3.2.0.alpha.261 (Bleeding Edge).

I'm still getting the same error. I've also tried to force loading the breakpoint gem using the full path in the compass .rb file like suggested in the Codekit help section:

require '~/.rvm/gems/ruby-1.9.3-p194/gems/breakpoint-1.0.1/lib/breakpoint.rb' 

But the same error occur

from breakpoint.

Okie dokie. I'm going to look into this; I know that CodeKit has some known issues w/Compass extensions, let's see if I can figure this out.

from breakpoint.

Ok may be I've figured it out ... Codekit embedded Sass version is 3.1.19 ... I'm trying to replace it into the Codekit package content and report you back.

from breakpoint.

Yah, that's what I thought the issue may be. If you could try compiling with the Compass gem, that'd be awesome.

from breakpoint.

Try the following:

• Open up CodeKit's Preferences menu
• Go to Sass/Scss
• Under Advanced Compiler Settings, choose "Use the Sass executable at this path:" and when you choose, go to your Sass gem's path, and choose Sass from the bin directory there
• Go to Compass
• Under Advanced Compiler Settings, choose "Use the Compass executable at this path:" and when you choose, go to your Compass gem's path, and choose Compass from the bin directory there

This should have you using the awesomesauce native stuff instead of CodeKit's default stuff.

from breakpoint.

Let me know if this solves your issue, I'd be very interested if this does in fact work because this is an issue that many people are having (CodeKit in general, not Breakpoint specifically)

from breakpoint.

I'm not able to use the compass gem's binary file as compass compiler in the Codekit settings:

CodeKit could not switch to the specified external Compass compiler. Make sure that the app is idle and that you are selecting an appropriate executable file, then try again.

Just switching the sass compiler seems to be not enough. However I get it working following these steps:

• Close CodeKit
• Make a copy of the CodeKit app, just in case. right click > duplicate (I'll keep both versions to test upgrades)
• right click on the CodeKit.app file and choose "Show Package Contents"
• navigate to Contents/Resources/engines/
• here there's a Compass folder and a scss folder
• copy the contents of your Sass and Compass lib into these folders.
  ex. ~/.rvm/gems/ruby-1.9.3.-p194/gems/sass-3.2.0.alpha.261/lib to Codekit's Contents/Resources/engines/scss/lib/

from breakpoint.

Ugh, that's very ugly. I'm going to reach out to the creator and see if we can solve this issue because frankly, it's a big one.

from breakpoint.

I'm getting the same error using compass watch on Ubuntu. Sass and Compass are the latest releases.

Sass 3.1.20 (Brainy Betty)
Compass 0.12.2 (Alnilam)

from breakpoint.

@bstoppel Just to confirm, can you type the following into your command line and tell me the output?

sass -v

from breakpoint.

Sass 3.1.20 (Brainy Betty)

from breakpoint.

@bstoppel So your problem is that you aren't using the prerelease of Sass. It should have updated to the prerelease when you installed Breakpoint; I'm going to double check the dependencies and push a new gem.

That being said, to solve your issue, run the following:

gem install sass --pre

from breakpoint.

Seems to be working with Sass 3.2.0.alpha.261 (Bleeding Edge).

Thanks.

from breakpoint.

After a mini vacation, I'm working with Breakpoint again. I am getting the same errors above when trying to define Sass with breakpoints.

To be a bit clearer, the initial compile works when breakpoint is imported in sass files...

@import "breakpoint"; // this works. It used to trigger the above error.

When I try to use breakpoint in my sass files, I get the above error...

$breakpoint-default-width: 960px;
@import "breakpoint";

#footer .collections {
@include breakpoint($breakpoint-default-width) { // this is triggering the error.
background-color: #f00;
}
}

Maybe I'm doing something wrong...

from breakpoint.

You've got the most up-to-date version of Sass? Are you compiling w/command line tool or CodeKit/LiveReload/Compass.app/etc…? What exactly is the error you're getting?

from breakpoint.

I'm using compass watch.

I do have the most recent version. Sass 3.2.0.alpha.261 (Bleeding Edge) .

The error I am seeing is
Syntax error: Invalid CSS after " @media ": expected "{", was "#{$query} {"

from breakpoint.

Can you do compass -v for me?

from breakpoint.

Yep. Compass 0.12.2 (Alnilam)

from breakpoint.

Hmm, you may need the prerelease of Compass too. I know we didn't add this in as a requirement for breakpoint, but maybe we need to.

Run the following, try again:

gem install compass --pre

from breakpoint.

I wasn't getting this to work with my real project, so I just created and tested a reduced test case. Everything seems to be working. Thanks @Snugug .

Now if I could get this working on with the Drupal site...

from breakpoint.

bstoppel, ping me in the Drupal IRC room, Snugug, let's talk.

from breakpoint.

For issues w/CodeKit, take a look at Chris Coyer's blog post where he explains how to get CodeKit rocking w/Sass 3.2
http://css-tricks.com/media-queries-sass-3-2-and-codekit/

from breakpoint.

Has everyone gotten this working?

from breakpoint.

I got it working. As I am not really a Ruby developer, it took a bit of effort. I had to get a dependency manage involved to get this to work. I looked at RVM, Bundler, and it seems like another. I finally settled on Bundler. I now have a Gemfile that specifies the minimum versions needed for sass, compass, breakpoint, and, in my case, zen-grids.

from breakpoint.

Closing this.

@bstoppel, @yumyo, Reopen if you're still having trouble with this.

from breakpoint.