Foundation 4 | Rails | Passenger -- Invalid CSS after " *": expected "{", was "= require found..."

Question

I'm trying to get my rails app running under passenger and am stuck at the following error.

rake aborted!
Invalid CSS after " *": expected "{", was "= require found..."
  (in /home/hubtrackadmin/hubtrack.binarygeometry.net/app/assets/stylesheets/application.css)
(sass):15

My Gemfile looks like this, I have tried commenting out the 'not for production' group. This might not be the correct way to do things but I'm simply trying to get a proof of concept demo up asap. If there is a more correct way I'm all ears :)

source 'https://rubygems.org'
gem 'rails', '3.2.13'
# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'
gem 'mysql'
gem 'mysql2'
gem 'joosy', '1.0.0.RC4'
gem 'execjs'
gem 'therubyracer', :platforms => :ruby
# Gems used only for assets and not required
# in production environments by default.
# group :assets do
gem 'sass-rails',   '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'zurb-foundation', '~> 4.0.0'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
gem 'therubyracer', :platforms => :ruby
gem 'uglifier', '>= 1.0.3'
# end

I have also added the following to my application.rb file to counter an earlier error with my frontend js files not compiling.

require File.expand_path('../boot', __FILE__)

require 'rails/all'


if defined?(Bundler)
  # If you precompile assets before deploying to production, use this line
  Bundler.require(*Rails.groups(:assets => %w(development test)))
  # If you want your assets lazily compiled in production, use this line
  # Bundler.require(:default, :assets, Rails.env)
end

module MyModule
  class Application < Rails::Application
    # Precompile *all* assets, except those that start with underscore
    config.assets.precompile << /(^[^_\/]|\/[^_])[^\/]*$/

My error trace is as follows.

bundle exec rake assets:precompile
/home/entracked/.rvm/rubies/ruby-1.9.3-p392/bin/ruby /home/entracked/.rvm/gems/ruby-   1.9.3-p392@global/bin/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets
rake aborted!
Invalid CSS after " *": expected "{", was "= require found..."
  (in   /home/hubtrackadmin/hubtrack.binarygeometry.net/app/assets/stylesheets/application.css)
(sass):15
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass- 3.2.8/lib/sass/scss/parser.rb:1148:in `expected'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:1084:in `expected'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:1079:in `tok!'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:534:in `block'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:529:in `ruleset'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:553:in `block_child'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:543:in `block_contents'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:82:in `stylesheet'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:27:in `parse'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/engine.rb:342:in `_to_tree'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/engine.rb:315:in `_render'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-3.2.8/lib/sass/engine.rb:262:in `render'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sass-rails-3.2.6/lib/sass/rails/compressor.rb:12:in `compress'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/actionpack-3.2.13/lib/sprockets/compressors.rb:74:in `compress'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sprockets-2.2.2/lib/sprockets/processing.rb:243:in `block in css_compressor='
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sprockets-2.2.2/lib/sprockets/processor.rb:29:in `call'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/sprockets-2.2.2/lib/sprockets/processor.rb:29:in `evaluate'
/home/entracked/.rvm/gems/ruby-1.9.3-p392@hub_blog/gems/tilt-1.4.0/lib/tilt/template.rb:103:in `render'

Any and all help appreciated.

Answer 1

Okay, found the answer. It was related to this issue https://github.com/zurb/foundation/issues/1942

What needs to be done is with application.css

 *= require_self
 *= require_tree .
 */
 *= require foundation_and_overrides
 *= require layout

you need to move the closing */ tag outside of the final two requirements so they are included in the manifest and not the css.

*= require_self
*= require_tree .
*= require foundation_and_overrides
*= require layout
*/