Try running $ bundle update in your terminal application. It's possible that the foundation-rails gem needs to be updated (the newest version is 184.108.40.206). In the past, errors with "invalid CSS... !global" have been related to Foundation and Sass issues.
The Gemfile listing in versions of the book prior to version 2.1.6 showed gem 'sass-rails', '~> 4.0.1' where it should have been gem 'sass-rails', '~> 5.0'. I've corrected the error in version 2.1.6 of the book.
My app looked fine in the browser at the end of the chapter "Layouts and Views." In the chapter "Front-End Framework" I ran:
$ rails generate layout:install foundation5 --force
I see the file
and I don't see the file
So I know that the "install foundation5" ran.
In the browser window I see an error screen with two errors (attached).
In the terminal I see this error message, followed by lots of lines starting with "sass":
Sass::SyntaxError - Invalid CSS after "...ules: $modules ": expected "}", was "!global;"
In looking at the terminal, I see that "install foundation5" removed two files not mentioned in the book:
I also found that after using "git reset --hard" one new file remained:
With this file I get the error messages. When I delete this file my old webpage comes back.
The text was updated successfully, but these errors were encountered: