Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Rebekah Monson
    @rebekahmonson
    This message was deleted
    @core77 here is the error i am getting
    Error in plugin 'sass'
    Message:
        assets/scss/foundation/_foundation.scss
    Error: File to import not found or unreadable: ../../vendor/foundation-sites/scss/foundation
           Parent style sheet: /Users/rebekahmonson/Desktop/wbu/assets/scss/foundation/_foundation.scss
            on line 26 of assets/scss/foundation/_foundation.scss
    >> @import '../../vendor/foundation-sites/scss/foundation';
    tried a reboot and a reinstall. not sure what I am missing. (i'm a noob, though.) any help would be much appreciated.
    Chris
    @core77
    Hi @rebekahmonson, please open the package.json and tell me which version it has in line 3. Looks like you don't have the assets/vendor folder. Please check that. If it's not there you have to run 'bower install' and then bower will download the required files. You got that error because assets/vendor/foundation-sites/scss/foundation.scss is not there ... Please tell me if bower install helped.
    Rebekah Monson
    @rebekahmonson
    Hey @core77. Thanks for the help. Here's line 3 in package.json
      "version": "0.2.0",
    Rebekah Monson
    @rebekahmonson
    definitely don't see the folder. i ran bower install, but no luck. sounds like i need to do some troubleshooting on my end. thanks for the help!
    Rebekah Monson
    @rebekahmonson
    ok. I think i figured it out. bower was installing everything into its default bower_components folder. just made a new .bowerrc file to install everything into the proper directory and it's working fine now. Thanks again!
    Chris
    @core77
    :+1:
    Chris
    @core77
    OMG, the javascript gulp task takes 17 seconds! Definitely too much.
    Chris
    @core77
    ...when running 'npm run build' (production build)
    captaincoffee
    @captaincoffee
    Today I get an error when starting gulp. "No gulpfile found" I an pretty inexperienced and have no idea where to start. I am running from your initial commit.
    Chris
    @core77
    @captaincoffee Is the gulpfile.js in the project folder?
    captaincoffee
    @captaincoffee
    The gulpfile was there. I backed up, and went thru the install again. Bundle install seemed to do the trick. Is this the typical fix?
    captaincoffee
    @captaincoffee
    Where/how should custom .js files be added to the project so that they do not get overwritten on updates?
    Chris
    @core77
    Bundler is for Ruby gem dependencies, Gulp is Node.js based... But always a good idea to check dependencies.
    You can put custom js files into /assets/js/. Don't forget to include them in the gulpfile.js
    captaincoffee
    @captaincoffee
    I went thru the install steps as in the readme. It may have been a cache or server restart issue that made bundler seem the answer when in fact it was a previous step. Thanks.
    John Egan
    @grizfan
    Hi - First, thanks for putting this together. As someone who still as a lot to learn, this has helped a lot. But, I am having a problem with the Kitchen Sink page. for the most part, nothing is functioning. It looks like the CSS is applying, but tooltips, accordian menus, Orbit, etc… don’t actually function. Orbit in particular looks broken, with all slide states spilling on to the page at once. No errors in Chrome Dev Tools console. I’m running on OS X 10.11.4, and I just downloaded jekyll-foundation from Github yesterday. If I can provide any more information, please let me know. thanks!
    Chris
    @core77
    @grizfan go to gulp/config.yml and uncomment all the js entries for the foundation components in javascript.src. Then uncomment all the sass includes for the components in assets/scss/foundation/_foundation.scss. Rerun 'npm start'. After that all the stuff on the kitchen sink page should work. Tell me,if it doesn't!
    John Egan
    @grizfan
    @core77 - on closer inspection, this looks to be an issue specific to Chrome Canary Version 50.0.2655.0 canary (64-bit). So, something about this nightly build fails. Works like a champ in Firefox and Safari, so I’ll chalk it up to some sort of Chrome Canary bug. I submitted a defect to the Chrome team, just in case. Any way, thanks for the work you’ve done, and thanks for the support!
    Leo Merkel
    @Lego2012
    @core77: First of all tnx for the great work. Very much appreciated. Are you going to implement Foundation 6.2 soon which just came out?
    Chris
    @core77
    Hi Leo, the package is 6.2 ready since yesterday. With Babel - totally new for me!
    Leo Merkel
    @Lego2012
    Cool, that's awesome, Thomas. No experience with Babel on my side too yet. When will the Repo being updated? Regards from Germany.
    Oh, just realized that you did that already! Tnx a lot - just found the commit message...
    Leo Merkel
    @Lego2012
    Works like a charm!
    Chris
    @core77
    Nice :-)
    Leo Merkel
    @Lego2012
    I found a little mistake: The Tooltip is not showing due to "tabindex=1". Foundation Website says that the number has to be in quotes. Once you write tabindex="1" it works. Hope this helps.
    Leo Merkel
    @Lego2012
    Just opened a Pull Request on Github Repo for this issue
    captaincoffee
    @captaincoffee
    Bower should handle the 6.2 update. How do you handle things like variable name changes, additions, and deletions? New setting files?
    Chris
    @core77
    @Lego2012 Thanks for the PR!
    Chris
    @core77
    @captaincoffee What do you mean exactly? Sass variables?
    captaincoffee
    @captaincoffee
    A number of the variables have changed per https://github.com/zurb/foundation-sites/wiki/Upgrading-to-Foundation-6.2 These may not be significant on a single version update, but I feel like I'm being left behind.
    Chris
    @core77
    @captaincoffee I use the settings file as described from James Stone: If you have watched my Sass + Foundation Screencast then you will know that my preferred method is to duplicate the commented out lines, then uncomment the duplicate and change your settings. That way you can always go back to the defaults if you make a mistake and it is clear what changes you made. See https://www.jamesstone.com/blog/the-five-secrets-of-sass-foundation/
    captaincoffee
    @captaincoffee
    Thanks for the link. Learned some new things.
    Grant
    @grantmoran
    hello all, I just came across this project on jekylltalk and am very excited to begin using it. However I am running into a problem I can't seem to find a good starting point to trouble shoot. Everything seems to work correctly until I uncomment Individual Foundation components (JS) in the gulp config.yml. When uncomment any of them and restart I hit the following error "
    stream.js:74
    throw er; // Unhandled stream error in pipe.
    ^
    Error: ENOENT: no such file or directory, stat '.../_site/assets/css/app.css'
    at Error (native)"
    Any thoughts on what I should look into? Thanks :)
    Chris
    @core77
    @GrantMoran I stumbled upon this error, too. For me CMD + C and a restart with 'npm start' did the job. Perhaps you want to try running 'gulp' instead. If that doesn't fix it for you, please open an issue to track this ...
    Grant
    @grantmoran
    @core77 I have had success intermittently with restarts working, however still have it fail most of the time when running both "npm start" as well as "gulp". I've added an issue on the repo in which I've included the error and two npm debug logs from different versions of node. I have no idea what to do past my attempt to ensure node is up to date. Thanks again for your efforts, have learned a lot already from this build setup.
    Jimmy Chen
    @TechFounder
    I see that Rebekah in Jan had the same issue that I'm having now. I'm getting the same error message that it can't find the '../../vendor/foundation-sites/scss/foundation' Except, she didn't say exactly the steps to take to make it work. She mentioned something about .bowerrc but what am I suppose to change there?
    What's the proper directory?
    { "directory": "bower_components" }
    Jimmy Chen
    @TechFounder
    am I suppose to delete that .bowerrc in the bower_components/foundation-sites folder and put it in the root with { "directory": "assets/vendor" }?
    Jimmy Chen
    @TechFounder
    ok, i got it to work by deleting the bower_component folder, adding a .bowerrc in the root with { "directory": "assets/vendor" } in it. Then deleting the bower_component folder and re-running bower install.
    The question is why did it install a bower_component folder and put all the assets there to begin with?
    Is there a bug that's causing this?
    Also, I'm now getting [BABEL] Note: The code generator has deoptimised the styling of "/Users/jeykll_blog/assets/vendor/jquery/dist/jquery.js" as it exceeds the max of "100KB"
    What is that?
    Jimmy99
    @Jimmy99
    Just need a bit of guidance with jekyll-foundation: When using Jekyll I just enter jekyll new my-awesome-site.
    With jekyll-foundation what is the equivalent command? Do I have to clone the project from github every time?
    Chris
    @core77
    Yeah. Git clone repoURL mynewproject