Compass installation on Mavericks still having problems [#2232431]

Has anyone worked out the correct combination of compass, toolkit, etc necessary for Omega to work correctly? I've used the 'brew' option to install the dependencies but was left with an non-functional installation as it complained of being unable to import some items. When the 'brew' solution wasn't working, I tried "bundler install" but ultimately it didn't resolve the problem.

Here's what I have installed:

$ which ruby
/usr/local/bin/ruby

$ ruby -v
ruby 2.1.0p0 (2013-12-25 revision 44422) [x86_64-darwin13.0]

$ gem list --local

*** LOCAL GEMS ***

addressable (2.3.6)
bigdecimal (1.2.3)
breakpoint (2.4.2, 2.0.7)
bundler (1.6.1)
celluloid (0.15.2)
celluloid-io (0.15.0)
chunky_png (1.3.0)
coderay (1.1.0)
color-schemer (0.2.8)
compass (1.0.0.alpha.19, 0.12.4)
compass-blend-modes (0.0.2)
compass-borderbox (0.1.2.0)
compass-core (1.0.0.alpha.19)
compass-import-once (1.0.4)
compass-normalize (1.5)
compass-rgbapng (0.2.1)
compass-validator (3.0.1)
css_parser (1.3.5)
em-websocket (0.5.0)
eventmachine (1.0.3)
ffi (1.9.3)
formatador (0.2.4)
fssm (0.2.10)
guard (2.6.0)
guard-compass (1.1.0)
guard-livereload (2.1.2)
guard-shell (0.6.1)
http_parser.rb (0.5.3)
io-console (0.4.2)
json (1.8.1)
listen (2.7.1, 1.1.6)
lumberjack (1.0.5)
method_source (0.8.2)
minitest (4.7.5)
multi_json (1.9.2)
nio4r (1.0.0)
oily_png (1.1.1)
pry (0.9.12.6)
psych (2.0.2)
rake (10.1.0)
rb-fchange (0.0.6)
rb-fsevent (0.9.4)
rb-inotify (0.9.3)
rb-kqueue (0.2.2)
rdoc (4.1.0)
rgba_png (1.0)
ruby-breakpoint (0.5.1)
rvm (1.11.3.9)
sass (3.3.4, 3.2.18)
sass-globbing (1.1.0)
sassy-maps (0.3.2)
sassy-strings (1.0.0)
singularitygs (1.1.2)
slop (3.5.0)
susy (2.1.1, 1.0.9)
test-unit (2.1.0.0)
thor (0.19.1)
timers (1.1.0)
toolkit (2.2.0, 1.3.8)
yajl-ruby (1.2.0)

When I run "compass compile" it shows the following:

unchanged sass/ie.scss
unchanged sass/omega-mytheme.hacks.scss
    error sass/omega-mytheme.no-query.scss (Line 3 of sass/omega-mytheme.styles.scss: File to import not found or unreadable: breakpoint.
Load paths:
  sites/all/themes/omega_mytheme/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-blend-modes-0.0.2/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-normalize-1.5/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/susy-2.1.1/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-rgbapng-0.2.1/lib/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/toolkit-2.2.0/stylesheets
  sites/all/themes/omega_mytheme/sass
  Compass::SpriteImporter
  Sass::Globbing::Importer)
overwrite css/omega-mytheme.no-query.css 
    error sass/omega-mytheme.normalize.scss (Line 8: File to import not found or unreadable: toolkit/border-box.
Load paths:
  sites/all/themes/omega_mytheme/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-blend-modes-0.0.2/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-normalize-1.5/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/susy-2.1.1/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-rgbapng-0.2.1/lib/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/toolkit-2.2.0/stylesheets
  sites/all/themes/omega_mytheme/sass
  Compass::SpriteImporter
  Sass::Globbing::Importer)
overwrite css/omega-mytheme.normalize.css 
    error sass/omega-mytheme.styles.scss (Line 3: File to import not found or unreadable: breakpoint.
Load paths:
  sites/all/themes/omega_mytheme/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-core-1.0.0.alpha.19/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-blend-modes-0.0.2/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-normalize-1.5/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/susy-2.1.1/sass
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/compass-rgbapng-0.2.1/lib/stylesheets
  /usr/local/Cellar/ruby/2.1.0/lib/ruby/gems/2.1.0/gems/toolkit-2.2.0/stylesheets
  sites/all/themes/omega_mytheme/sass
  Compass::SpriteImporter
  Sass::Globbing::Importer)
overwrite css/omega-mytheme.styles.css 
unchanged sass/print.scss
unchanged sass/screen.scss

So, any thoughts?

Comment	File	Size	Author
#8	patch.txt	609 bytes	jmary

Comments

Comment #1

damienmckenna

TN, USA

commented 3 April 2014 at 14:59

Status:

Active

» Fixed

Evidently you have to bundler to launch compass in order to get it to use the bundled gems, e.g.:

bundle exec compass compile

and

bundle exec compass watch

I've updated some of the documentation accordingly: https://drupal.org/node/2172619

Comment #2

17 April 2014 at 15:01

Status:

Fixed

» Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

Comment #3

nicolas bouteille commented 5 June 2014 at 19:38

Status:

Closed (fixed)

» Active

Hi Damien, I also got these same errors about breakpoint and border-box not being found running drush omega-guard but also bundle exec compass compile. Any idea?

I specified some gem versions in my Gemfile:

# Sass, Compass and extensions.
  gem 'sass', '~> 3.3.8'                   # Sass.
  gem 'sass-globbing', '~>1.1.1'           # Import Sass files based on globbing pattern.
  gem 'compass', '~>1.0.0.alpha.19'        # Framework built on Sass.
  gem 'compass-validator'                  # So you can `compass validate`.
#gem 'compass-normalize'                 # Compass version of normalize.css. 
  gem 'compass-rgbapng'                    # Turns rgba() into .png's for backwards compatibility.
  gem 'susy', '~>2.1.2'                    # Susy grid framework.
  gem 'singularitygs', '~>1.2.1'           # Alternative to the Susy grid framework.
  gem 'toolkit'                            # Compass utility from the fabulous Snugug.
  gem 'breakpoint', '~>2.4.2'              # Manages CSS media queries.
  gem 'oily_png'                           # Faster Compass sprite generation.
  gem 'css_parser'                         # Helps `compass stats` output statistics.
  
  #CUSTOM ADDED
  gem 'autoprefixer-rails', '~>1.1.20140605'      # Autoprefixer for use with Compass

Comment #4

nicolas bouteille commented 5 June 2014 at 19:49

I think I got it. I did not need it with previous versions but I now need to require 'breakpoint' in config.rb same goes with toolkit, singularitygs and probably others...

Comment #5

nicolas bouteille commented 5 June 2014 at 19:50

Status:

Active

» Fixed

Comment #6

iainh commented 16 June 2014 at 01:03

Similar experiences using more recent gems. I (and others with known issue on Github) found sass-globbing 1.1.1 to be broken in that it didn't respect @import "../../variables/**/*";; it couldn't find the _partial files in the variables directory. You'd probably only come across this if using omega layouts as in a path like my_omega_theme/sass/layouts/my/my.layout.scss for example.

So editing your Gemfile to say explicitly
gem 'sass-globbing', '1.1.0' # Import Sass files based on globbing pattern.
will avoid this issue.

Comment #7

amysteen commented 17 June 2014 at 23:18

Thank you for the tip iainH!

Comment #8

jmary commented 27 June 2014 at 23:07

Version:	7.x-4.2	» 7.x-4.x-dev
Component:	Miscellaneous	» Code
Status:	Fixed	» Patch (to be ported)
Issue tags:		++patch

Status	File	Size
new	patch.txt	609 bytes

Thanks iainH : I was not understanding why I had a subtheme working with @import "../../variable .... and for another subtheme I had to remove ../../

That is nasty because it means that all the bundle installs will be broken without your fix. I suggest to include the patch in attachment in next release. It is patching the Gemfile in starterkit, thus, generated subthemes will come with a correct Gemfile.

To apply :
From site/all/themes :

# patch -p0 < patch.txt

Comment #9

yanniboi commented 20 August 2014 at 10:40

Status:

Patch (to be ported)

» Needs work

The patch doesn't work for me.

I downloaded omega 4.2, created a subtheme based on omega, with the subtheme wizard, installed rvm 1.9.3 (as required) and then ran bundle install. It downloaded sass-globbing 1.1.1 as expected and I got the above error.

I then updated my Gemfile and re-ran bundle install and then sass-globbing was at 1.1.0, however I still get the exact same errors running drush guard.

Comment #10

fubhy commented 20 August 2014 at 10:53

Please download Omega 4.x-dev ... I just pushed a commit that should fix it. The Gemfile itself should be okay now that Toolkit has updated its gemspec (allowing for Sass 3.4). Please also make sure that you are not using a bundler mirror or sth. or have the bundler packages cached somewhere. Optimally, create a new subtheme with a different name so that RVM/Bundler etc. don't even try to use some sort of cache or sth.