I've been developing my site using "foundation watch" and everything looks fine and works fine.
But when I run "foundation build" I get some error messages (don't know if they are serious) and the final site doesn't function correctly.
Specifically, I have a dropdown menu on large screens that changes to an accordion menu on small screens. This works fine on the "watch" version. But on the production version the horizontal menu with vertical dropdowns doesn't have any small arrows, and the vertical dropdowns appear beside, not under, the menu links.
And on small screens, the accodrion has a transparent background that it doesn't have on the watch version.
Also, I have a slideshow using slick.js, and again the styles work fine on the watch version, but are all messed up on the build version. The error messages I get during building are as follows, but I'm not sure those are the issues as it seems to be more about the scss.
Any ideas on how to track down the differences between "watch" and "build"? It's very tricky to debug because any change then needs a 4 minute build process to see the effect.