Foundation-sites: rails 4.2 Invalid CSS !global

Created on 23 Dec 2014  路  32Comments  路  Source: foundation/foundation-sites

It looks like the !global issue came back with the launch of rails 4.2 tonight.

Sass::SyntaxError at /join
Invalid CSS after "...ules: $modules ": expected "}", was "!global;"

Error Details:

// IMPORT ONCE
// We use this to prevent styles from being loaded multiple times for compenents that rely on other components.
$modules: () !default;
@mixin exports($name) {
  // Import from global scope
  $modules: $modules !global;
  // Check if a module is already on the list
  $module_index: index($modules, $name);
  @if (($module_index == null) or ($module_index == false)) {
    $modules: append($modules, $name) !global;
    @content;

The only thing I could do to get around this was to downgrade my gem to gem 'foundation-rails', '5.4.5'

Can anyone point me in the right direction? Thanks and Merry XMAS.

rails

Most helpful comment

gem "foundation-rails", "= 5.5.2.1"
gem "sass-rails", "= 5.0.3"

worked for me

All 32 comments

I have the same error when use foudation-rails 5.5.0.0

Me too. Following.

Same error, following.

Try this. My problem solved with this

gem 'foundation-rails', '5.4.3.1'

then run

bundle update

This should do it for now tell they fix it :)

@jakzaizzat as I posted earlier, you can also use gem 'foundation-rails', '5.4.5'

sass-rails version 5.0.0 is out now, which should make Rails compatible with Sass 3.4, and thus compatible with our codebase.

@jakzaizzat & @chrishough cheers for the fix (Y)

Thanks @gakimball Adding gem 'sass-rails', '~> 5.0.0' works like a charm

I have the gems "sass-rails", "5.0.0" "foundation-rails", "5.4.5" and "sass", "3.4.9" and i still get the same error
Sass::SyntaxError at /
Invalid CSS after "...ules: $modules ": expected "}", was "!global;"

I cant figure out where the problem is. Please help!

Foundation 5.4.5 isn't compatible with the newest version of Sass, but 5.5 is.

Rails 4.1.9
gem 'foundation-rails'
gem 'sass-rails', '~> 5.0.0'

Worked for me

Rails 4.1.8
gem 'foundation-rails'
gem 'sass-rails', '~> 5.0.0'

Did not work for me

However

Rails 4.1.9
gem 'foundation-rails'
gem 'sass-rails', '~> 5.0.0'

Did

Thanks @hayduke19us !

Ok this worked for me

Rails 4.1.9
gem 'foundation-rails', '~> 5.5.0'
gem 'sass-rails', '~>5.0.0'

And do not forget to run 'bundle update' in order to update your sass version it has to be 3.3.x or higher in order to run foundation 5.x

I can confirm that gem 'sass-rails' fixes this issue as it loads version 5.0.1

I have it working now with,

Rails 4.2.0
gem 'foundation-rails', '~> 5.5.0'
gem 'sass-rails', '~> 5.0.1'

Hmmm, struggling with upgrading:

Ruby 2.1.1

rails (4.2.0)
foundation-icons-sass-rails (3.0.0)
foundation-rails (5.5.0.0)
sass (3.4.10, 3.2.19)
sass-rails (5.0.1)

ditto @jakzaizzat

@JonKernPA
gem 'rails', '4.1.6'
gem 'sass-rails', '>= 4.0.4'
gem 'foundation-rails', '5.4.5'

worked fine

thanks everyone, downgrading foundation was key for me

I'm getting this error as well. Is there any change it will be fixed soon without having to downgrade?

@DaniG2k It has been fixed, you just need to use Sass 3.4+ in your asset pipeline. If you can't do that because other libraries require a lower version, use Foundation 5.4.7 instead. 5.5 is the point where we deprecated Sass 3.3 and lower.

@gakimball Great! Thanks. Sorry I didn't catch that in the thread :confounded:

I'm unable to resolve this error with:

gem 'sass-rails', '~> 5.0.1'
gem 'foundation-rails', '~> 5.5.0'

I do not plan on downgrading, because I upgraded with intention of getting rid of some old Foundation errors.

What to do?

Had the same issue but on rails 4.1.1, was using older version of sass-rails, below worked:

gem 'sass-rails', '~> 5.0.3'
gem 'foundation-rails', '~> 5.5.0.0'

@introvert check your sass version

I ran into this with my Grunt workflow and gem update sass worked for me. Just thought I'd mention for the people using Foundation without Rails.

Thanks guys, downgrading foundation-rails helped!

Same error, following.

Same error, following.

@takayuki905 @Bastes This issue has already been resolved, just make sure you're using the newest Sass compiler in your Rails project.

@bakimball Ah, finally found what prevented my upgrade, now everything's fine and up to date. Thanks.

Upgrading sass-rails to 5.0.1 worked for me.

gem "foundation-rails", "= 5.5.2.1"
gem "sass-rails", "= 5.0.3"

worked for me

Was this page helpful?
0 / 5 - 0 ratings