Imported Foundation 5 components doesn't output as CSS

290 Views Asked by At

I'm new to Foundation and SASS and working on a website project where I pulled the files prepared by another person with Foundation 5 included from Git.

I'm using Codekit 2 for the project and the changes I do in settings.scss and layout.scss (which has all the @import for the components) are compiled and outputted as CSS as intended. However, I can't see none of the imported components being used in the compiled CSS on the website and my grid is not displaying any associated classes with inspect element. Imports of other libraries such as Font awesome is working though.

I have tried uncommenting needed parts in settings.scss, changing around code etc.

Does it sound familiar to anyone? Could it be an error in the code or maybe a wrong setting in Codekit?

1

There are 1 best solutions below

1
On BEST ANSWER

I think it works now, I found a solution here: http://foundation.zurb.com/forum/posts/19040-no-foundation-styling-imported-to-appcss-sass-f5

It was a bug on line 12 in _functions.scss - I guess my version of Foundation is from before they fixed that. I replaced:

@if (index($modules, $name) == false) {

with

@if(not index($modules, $name)) {