New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Import of Foundation Failing #7537
Comments
Try this instead: @import '../../bower_components/foundation-sites/scss/foundation'; That will import the framework directly. |
So I guess my question is if its an error with foundation scss itself, or is it expected to change that line for every project after installation. |
I'd recommend not referencing that file at all. It's only useful if you're fine printing all of the CSS of the framework no matter what, and that's not how we advice using Foundation. These are our two recommended ways to load the framework:
|
Hmm, I'm still having some issues. From my
From
What is outputted in my
Notice nothing is being imported but the comment. This is a fresh package install from bower as well, so I have not modified anything but the commented out And just as a reference point here is my
Thoughts? I don't think I should create a new issue, but if you think it would be better fitted as one I can. |
@buschschwick You should be getting a compile error, because To individually export components, borrow the mixins from this file. You also don't need to comment out the imports in |
Thanks. I got it all figured out. My confusion was that I should be adding components to my main |
I'm having this same issue, @buschschwick what did you add to your main scss file to get it to work? @import "foundation"; but in the output I get /**
* Foundation for Sites by ZURB
* Version 6.1.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/ and no styles from the imports of foundation.scss. |
Hi @mwq27 So I'm going to assume you're using some sort of a package manager such as // Vendor Files
@import 'settings/settings';
@import 'foundation';
@include foundation-grid;
@include foundation-typography;
@include foundation-forms;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-flex-video;
@include foundation-table; Here, I am including the settings file Hope that helps. |
Thanks @buschschwick, I was including things like @include foundation-dropdown(); //with the parenthesis which didn't throw any errors for whatever reason ha. Things are working nicely now. |
This issue just popped up for me using CodeKit. Initially |
+1 |
This could very well be a user error, as this is the first time I am using bower to install foundation, but I ran into an error when trying to import the foundation files into my project.
I have a Wordpress project and I have my own custom
theme.scss
file that I am using to load my styles and inside of it (line 2 to be exact) I am importing foundation into my project:@import '../../bower_components/foundation-sites/foundation-sites.scss';
I was immediately thrown this error via the CLI:
I had to then go into
foundation-sites.scss
and change line 1 to:@import 'scss/foundation';
Doing so caused foundation to import and compile correctly.
Is this user error? Or is line 1 of
foundation-sites.scss
incorrect?The text was updated successfully, but these errors were encountered: