Sass only with comments from partial base in compiled css

Question

I am trying to create a jekyll blog using the basics and sass, and I just can't get the team itself to assemble correctly. When I create jekyll, there are no errors, and the partial record seems to load correctly, and it seems that the fund is being imported, but only the comments at the top.

My process so far has mostly been done by npm install foundation-sites --save

move the base material from the node_modules folder, and then include the base in my scss file.

You can see the directory and css file, which is displayed in the following screenshots.

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

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

Answer 1

Ok, so I figured it out. The problem is that I had to either include the base - all the mixin in my sass file or the specific modules that I wanted.

just using @import 'foundation'; was not good enough, I also had to put @include foundation-everything; or list each component that I wanted if I did not want everything.

Answer 2

Hmm .. it seems that all the partial ones imported into foundation.scss are just sass functions, mixins and variables. So there is no actual css output.

Answer 3

I had a similar problem even after adding

 @include foundation-everything($flex: false); 

I realized this after updating my gulp-sass module.