zurb-foundation

I'm throwing my head against a wall here and would appreciate some help. So.. Lately, when I create a foundation project (or any existing project), I'm importing all of foundation with: @import "settings"; @import "foundation"; However, when I compile the scss with compass, it will not import all of foundation. I end up with: ../bower_components/foundation/scss/foundation/components/_visibility.scss */ ../bower_components/foundation/scss/foundation/components/_offcanvas.scss */ ../bower_components/foundation/scss/foundation/components/_icon-bar.scss */ and the associated CSS in my final app

I have setup a new project to test Foundation 6 using Gulp and Sass but it doesn't seem to compile at all. There is another post close to this topic, but I personally believe the accepted answer is not the correct solution - as it includes all of the components and is actually the opposite of what Zurb suggests (see this issue: https://github.com/zurb/foundation-sites/issues/7537 ). Anyway ... I installed Foundation 6.1.1 from bower, and added the path to my gulp-sass function in gulpfile.js like so: // Compile Our Sass gulp.task('sass', function() { return gulp.src('scss/theme.scss') .pipe

I've googled and searched all over this, and of course gone through the relevant documentation, but there is a couple of things about Foundation 4 I just can't seem to get my head around, relating to how Sass converts. I have set up Foundation with Compass, using the create project command, so Sass is running. The app.scss file is importing "settings" and "foundation", and being compiled with 'watch'. First half of my question: I understand that app.css is compiled from the component files in the gem (does that sentence make sense?), but where can I find these components? Where is "foundation

I am using both AngularJS and Foundation. To initialize Foundation JS, you have to make the following call: $(document).foundation(); What would be the best way to make this call in an AngularJS application? Code examples would be appreciated. Also, if I were to write a directive around a Foundation JS component, how could I ensure that Foundation is initialized? You could $apply the code in order to bring it into the Angular framework. Here is an example using $rootScope with run and this could also be done inside a controller/directive with any $scope : app.run(function($rootScope){

I am having huge problems trying to use bower (to install foundation 5) or get anything bower related to work on the command line. I've installed ruby 1.9.3 git (with run from command prompt option) Nodejs I've successfully ran npm install -g bower grunt-cli gem install foundation and these have ran fine. I've looked in the npm/node_modules directory and I can see bower folder in there. Every time I type bower either into the cmd , ruby cmd or git bash I get command not recognized I've set the git path in the environment variables. What's annoying is the instruction on the bower site. It

I have a site that already takes advantage of the hash in the URL and I don't want it changed. When I use Zurb Foundation and use href="#" for the menu item, clicking on it removes the previous hash value. How can I override this behavior? Update: I think that it's better to stay with element because when I change it, it changes the styling that is bound to that HTML element. I always prefer when using with a design framework to stay with the default conventions and not mass with overriding css attributes. thanks. Please read up on Progressive Enhancement and Unobtrusive JavaScript . You