Syntax error: File to import not found or unreadable: foundation/common/ratios

Question

I have foundation installed and when I edit and save the app.scss file it creates a "app.css" and a "config.rb" file in the sass folder of my project. when I open that "app.css" file I get this

Syntax error: File to import not found or unreadable: foundation/common/ratios.

and then under that I get this:

File to import not found or unreadable: foundation/common/ratios.
          Load paths:
            /Applications/MAMP/htdocs/WebApp02/sass
            /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets
            /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets
            Compass::SpriteImporter
    on line 1 of /Applications/MAMP/htdocs/WebApp02/sass/_settings.scss
    from line 2 of /Applications/MAMP/htdocs/WebApp02/sass/app.scss

and then a bunch of paths to my gems.

It never created an app.css and config.rb file in my sass folder before I was wondering if anyone can explain why that is happening. Compass still complies to app.css in the "stylesheet" folder but I would like to fix this to keep from any future errors from happening.

config.rb file looks like this

require 'zurb-foundation'
Require any additional compass plugins here.


Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

You can select your preferred output style here (can be overridden via the command line):
 output_style = :expanded or :nested or :compact or :compressed

To enable relative paths to assets via compass helper functions. Uncomment:
    relative_assets = true

Answer 1

I was having same error in my project with sinatra. It was after upgrading from foundation 3.2.5 to version 4.0.2. I realized that 'foundation/common/ratios' is not in the zurb-foundation gem anymore. I had another error on "foundation not found or unreadable" so I had to modify also my Gemfile requiring 'compass' gem before zurb-foundation

gem 'compass'
gem 'zurb-foundation'

With foundation 3.2.5 'compass' wasn't explicitly required in Gemfile, but now it is and if you look at the zurb-foundation.rb code (in your ruby gemset), you can see:

if defined?(Compass)
  Compass::Frameworks.register("foundation",
    :stylesheets_directory => File.join(root,"scss"),
    :templates_directory => File.join(root,"templates")
  )
end

For this reason if in the project compass is not defined before zurb-foundation, zurb-foundation.rb doesn't expand the path including the scss folder.

I hope that my experience of today, may help you. Best regards, Roberto

Answer 2

I couldnt get this to work (rails 3.2.12 with asset pipeline and gem "compass-rails" and/or gem "compass") so I just locked onto 3.2.5

gem 'zurb-foundation', "= 3.2.5"