Foundation 5.4.5 Update
The NOUVEAU WordPress Theme Framework has been updated to 0.9.16
This update includes the latest Zurb Foundation release (5.4.5) in the Theme Framework, and also drops support for Compass from NOUVEAU core.
This update includes substantial changes to Foundation, as NOUVEAU has switched to the Compass-free branch of Zurb Foundation. This change comes as a result of some serious Foundation-breaking changes in the official Ruby Sass compiler (which Compass relies on).
If you are using the official Ruby Sass compiler, please ensure you are using gem 3.3 or earlier. The latest 3.4+ version can result in broken stylesheets! Since Compass has been removed, you can now safely use libsass to compile your NOUVEAU Theme Framework projects.
Updating NOUVEAU Projects
Since NOUVEAU has switched to a different branch of Zurb Framework, the update process is a little more involved this time around. Here is how to manually update your existing NOUVEAU projects to the latest version…
- Download the latest version of the NOUVEAU Starter Theme. You will need to copy files from here into your existing project.
- In your old project, delete
config.rbfrom your theme folder
- In your old project, delete the
/_foundation/bower_components/from your fresh NOUVEAU download into your existing project’s
- The structure of
/_foundation/scss/app.scsshas changed. Update your existing code with the copy from your fresh download. In particular…
- Foundation import paths must be fully qualified as Foundation sits in a subdirectory of the theme project.
- For instance,
@import "foundation";must now become
@import "../bower_components/foundation/scss/foundation";– see the new
app.scssfile for reference.
- Update your existing
/_foundation/scss/_settings.scsswith the copy from your fresh download.
_settings.scssfile has changed from Foundation 5.4.x → 5.4.5. If you have customized your previous settings.scss file, you may need to merge those changes into the new version.
- As with
app.scssFoundation import paths in the settings file must be fully qualified. Be sure to update
@import "foundation/functions";so that it reads
@import "../bower_components/foundation/scss/foundation/functions";or you will be unable to compile.
You should also be sure to re-run your compiler on
app.scss once these changes are complete.
Since Compass has been removed from NOUVEAU, the indispensable
image_url() function has been replaced with a custom mixin. This is already enabled through an include in
app.scss and you don’t need to do anything special to prevent your
image-url() calls from breaking.