Menu icon Foundation
How different is F5 CSS from F4?

I'm considering updating a couple sites from F4 to F5, and I'm wondering how substantive the changes are to the CSS file. These were created without SASS, and they have heavily edited CSS files. I'm actually not using very much of the Foundation JS so I'm not worried about that, but if I don't want to break everything CSS-related.

Any definite gotchas that I'd need to look out for if I start but just replacing the JS with the F5 one and then see what happens?

Migrationcssupgrade

I'm considering updating a couple sites from F4 to F5, and I'm wondering how substantive the changes are to the CSS file. These were created without SASS, and they have heavily edited CSS files. I'm actually not using very much of the Foundation JS so I'm not worried about that, but if I don't want to break everything CSS-related.

Any definite gotchas that I'd need to look out for if I start but just replacing the JS with the F5 one and then see what happens?

This post has been closed. No new replies can be added.

Rafi Benkual over 5 years ago

If you don't have sections styled, the CSS has not changed much. I can't think of much that was removed other than redundancy.

Here is a template in Foundation 4 http://cdpn.io/eBGpc

And one in Foundation 5 http://cdpn.io/DJzmG

Go ahead and use these codepens to preview your files.

James Stone over 5 years ago

The only issues I have had is with heavily modified _settings.scss files. My approach was to go through my modifications and just make them by hand in the newer F5 style _settings.scss file. I can't remember the specifics but it is emCalc() vs rem-calc() and things of that nature.

Michael Zap over 5 years ago

Thanks for your replies!