Sass only including comments from foundation partial in compiled css

Question

I'm trying to make a jekyll blog using foundation and sass, and I just can't seem to get the foundation sass to compile correctly. When I build jekyll, there are no errors, and the partial I wrote seems to load correctly, and foundation seems to import, but only the comments at the top.

My process so far was basically to run npm install foundation-sites --save

move the foundation sass stuff out of the node_modules folder, and then include foundation in my scss file.

You can see the directory and the css file that is output in the following screenshots.

I'm kind of not sure what else I can try at this point any help would be appreciated! Thanks!

Edit: Here is a link to the branch and repo for this to see the code. https://github.com/samuraiseoul/kimchiChingu/tree/23-sass

Answer 1

Hmm.. it seems like all the partials imported in foundation.scss are just sass functions, mixins and variables. So there's no actual css output.

Answer 2

Alright so I figured it out. The problem is that I had to either include the foundation-everything mixin in my sass file or the specific modules I wanted.

just using @import 'foundation'; wasn't good enough, I had to also put @include foundation-everything; or list each component I wanted in case I didn't want everything.