Foundation-sites: Yarn or NPM install of Foundation-Sites doesn't include normalize.scss

Created on 7 Dec 2016  路  6Comments  路  Source: foundation/foundation-sites

I'm using Yarn to handle all my dependencies.

Upon building my project with Yarn my install of foundation-sites said it couldn't find 'normalize.scss'.
My previous bower install didn't even include normalize.

Looking in the root of the 'foundation-sites' package in my 'node_modules' directory shows that '_normalize.scss isn't there. That's very odd because the main sass file 'foundation.scss' links to normalize and labels it as a dependency.

// Dependencies  
@import "normalize";

So I did the not so proper thing and see what would happen and deleted that import. And it of course gulp didn't compile because there was sass depending on some normalize mixins and such.

So I have two options.

  1. Link to a 'foundation.scss' in my source files and direct all of it's dependencies into the 'node_modules' folder.
  2. In the 'node_modules' folder link to a npm version of normalize.
  3. Foundation can just get normalize included in the package.

Has any one else had this issue?

馃殮聽build

Most helpful comment

This is my bad - accidentally published foundation 6.3.0-rc1 to npm without the beta tag. This should be fixed now, but for now roll back to 6.2.4.

All 6 comments

This is my bad - accidentally published foundation 6.3.0-rc1 to npm without the beta tag. This should be fixed now, but for now roll back to 6.2.4.

Fixed in 6.3.2-rc2.

@devanflaherty Is it still an issue ?

All resolved.
Thanks guys!

Is this the case for the 6.3.0 release also? I get this error after upgrading to 6.3.0;

Module build failed: 
  @include normalize();
          ^
      No mixin named normalize

Backtrace:
    node_modules/foundation-sites/scss/_global.scss:212, in mixin `-zf-normalize`
    node_modules/foundation-sites/scss/_global.scss:113, in mixin `foundation-global-style

Edit;
nvm, for anyone else having the same issue. If you selective import foundation scss files, you now need to also include the following files;

@import "~foundation-sites/_vendor/normalize-scss/sass/normalize";
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/helpers/missing-dependencies';
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/helpers/true';
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/functions/purge';
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/functions/remove';
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/functions/replace';
@import '~foundation-sites/_vendor/sassy-lists/stylesheets/functions/to-list';

@trmjoa I am sorry we have not been able to provide a better way to handle dependencies for v6.3. We are working on a better approach for the next release.

How to roll back in my bower.json to 6.2.4 , cause the media queries are not working

Was this page helpful?
0 / 5 - 0 ratings