Foundation Not Including on Sass Grunt Compile

Question

I am trying to include foundation from bower in my recent Wordpress project.

I am under underscores.js for a theme.

In the bottom of my styles.scss:

@import "../../../../../src/foundation-sites/assets/foundation.scss";

Then in my /src/foundation-sites/assets/foundation.scss:

@import ‘../scss/foundation';

@include foundation-everything;

where ../scss/foundation' is where myfoundation.scss` file is.

Yet still no CSS is included in the resulting compile.. only the header.

I've tried re-installing from bower, and the only changes I make are to assets/foundation.scss.

Even then, it seems weird to have to make changes to something in the bower install directory, but assets/foundation.scss is pointing to the wrong file.

What am I missing?

You should *not* change anything in the bower directory. Is `src` what you changed `bower_components` to? — Colin Marshall, Dec 31 '15 at 17:22
If I don't change anything I get error that the `scss` directory cannot be found. `src` is instead of `bower_components`. — Adam Thompson, Dec 31 '15 at 17:26
I managed to fix it by only importing the `foundation.scss` file in `scss` and including `@foundation-everything` myself. — Adam Thompson, Dec 31 '15 at 17:29

score 0 · Accepted Answer · answered Dec 31 '15 at 17:30

0

I managed to get this working by importing the foundation.scss file from the scss folder and using @include foundation-everything in my style.scss.

answered Dec 31 '15 at 17:30

Adam Thompson

3,278
3
22
37

1

Good choice. I always import from the `bower_components/foundation-sites/scss/` directory. In theory what you were doing with the `assets` directory should have worked, not sure what the issue was. – Colin Marshall Dec 31 '15 at 17:35

Foundation Not Including on Sass Grunt Compile

1 Answers1