Menu icon Foundation
Upgrade an existing V4 SASS project

I have a project on the go, using V4 and would like to upgrade it to V5. I am using SASS and installed it using GEM, Compass, etc.

The upgrade instructions are not clear - http://foundation.zurb.com/docs/sass.html - what do I actually need to do ... which section of instructions should I follow?!

upgrade

I have a project on the go, using V4 and would like to upgrade it to V5. I am using SASS and installed it using GEM, Compass, etc.

The upgrade instructions are not clear - http://foundation.zurb.com/docs/sass.html - what do I actually need to do ... which section of instructions should I follow?!

Andrea DeMers over 5 years ago

I agree. The instructions at http://foundation.zurb.com/docs/upgrading.html & https://github.com/zurb/foundation-migrate are not clear at all.

In http://foundation.zurb.com/docs/upgrading.html

“After you have included jQuery, you can drop in the Foundation library and initialize Foundation:”

I assume this is the Foundation 5 library? How do we “initialize” Foundation?

In https://github.com/zurb/foundation-migrate

“Once you are no longer getting any warnings in your console”

Is this the browser console?

Once I have the code below in place, do we refresh browser & check browser console for JS errrors?

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.min.js"></script>
<script src="js/foundation-migrate.js"></script>
<script>
  $(document).foundation();
</script>

Gordon Saxby over 5 years ago

I am failing on the very first (?) step ... how do I upgrade the SASS files? I tried doing an "update" but it just says nothing to update.

Neil Haskins over 5 years ago

"Initialize foundation" means the following code:
HTML
<script>
$(document).foundation();
</script>

Which tells the web browser to run foundation when the page loads.

I have the same issue as Mr. Saxby: how do we update the sass files?