rake assets:precompile throws Sass::SyntaxError: Invalid CSS after "*/"

Question

I hope this isn't a duplicate problem; I've tried other solutions on SO with no effect

When pushing my app to Heroku, the push has failed because application.css has not been able to compile.

My terminal output:

Running: rake assets:precompile
rake aborted!
Sass::SyntaxError: Invalid CSS after " */": expected selector, was "@font-face"
(in /tmp/build_17e92975-ae8d-446f-8678-110eeeccfb64/app/assets/stylesheets/adminsite/application.css)
(sass):1845

Attempts at solution

I've searched and deleted every instance of "*/" that comes before an @font-face inside the ../stylesheets/adminsite/ directory. Same issue and result.

I've tried setting:

  config.assets.compile = true

...Same issue

Edit

Here is my application.css (not the app level one, but the one failing in the adminsite directory)

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require jquery.ui.all
 *= require_self
 *= require normalize
 *= require ./global/plugins/bootstrap/css/bootstrap
 *= require ./global/plugins/uniform/css/uniform.default
 *= require ./global/plugins/bootstrap-switch/css/bootstrap-switch
 *= require ./global/css/components
 *= require ./global/css/plugins
 *= require ./global/plugins/simple-line-icons/simple-line-icons
 *= require ./admin/layout/css/layout
 *= require ./admin/layout/css/themes/light2
 *= require ./admin/layout/css/custom
 */

By removing and recompliling, I found that

*= require ./global/plugins/font-awesome/scss/font-awesome

that was 3 from the bottom of that list, was causing it to fail. I can now locally run

rake assets:precompile --trace RAILS_ENV=production

but I can't push to heroku using

git push herokunb newbeta:master

SOLVED:

It was the font awesome CSS. Removing that from require fixed it. The issue appeared unsolved only due to my own mistakes with git.

Answer 1

Even though you found your way to fix it, I'm gonna share my solution too, because I was facing the same issue and it was kinda hard to debug it.

You're probably using rails 3.2, sass-rails 3.2 and font-awesome-sass 4.1.

It turns out that the rails 3.2 uses sass-rails 3.2.6, which depends on sass >= 3.1. However, It looks like sass 3.1 is not compatible with font-awesome 4.1, so I explicitely set the sass gem to use version 3.2 on my Gemfile.

gem 'sass-rails', '~> 3.2.6'
gem 'sass', '~> 3.2.0'

Hope this helps someone! ;)