Stack Overflow
Stack Overflow

Questions tagged [zurb-foundation-6]

This is the latest version of Foundation for Sites

Foundation for Sites 6

This is the latest version of Foundation for Sites by ZURB

Foundation for Sites Resources

499 questions
102
votes
3 answers

JointsWP4 (SASS): Changing Properties in Sticky

TL;DR: Is Sticky actually able to react to changes I give through JavaScript? If so, how? (The project is using Foundation 6.2 and WordPress 4.4, theme installed using Node.js/npm and gulp 4.0. My questions, in detail, are marked in bold print.) I…
Samuel LOL Hackson
  • 1,201
  • 2
  • 8
  • 12
21
votes
10 answers

Angular 6 ReferenceError: $ is not defined error with JQuery

I have installed angular 6 with foundation but I am getting an error with JQuery. Uncaught syntaxerror: unexpected identifier ReferenceError: $ is not defined In my component, i have declare var $:any onNgInit () { …
user3701188
  • 638
  • 3
  • 7
  • 23
19
votes
2 answers

Foundation 6 does not generate any styles

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…
erwstout
  • 1,277
  • 1
  • 13
  • 30
15
votes
3 answers

Zurb Foundation 6 Reveal doesn't work

I've downloaded the new Zurb Foundation 6 complete package (Foundation for Sites). The archived file contains the following files and folders: [css] > app.css, foundation.css, foundation.min.css [img] > [empty folder] [js] > app.js …
Liron Harel
  • 10,819
  • 26
  • 118
  • 217
13
votes
6 answers

Gulp-sass not compiling Foundation 6 properly

I'm having some issues with Foundation 6 files, for some reasons they are just not including all of the sass components. I tried to use Foundation 5 and it worked fine. Here is my gulp task: gulp.task('styles', ['clearCss'], function() { …
user3586478
  • 141
  • 1
  • 6
11
votes
3 answers

Work needed to upgrade Zurb Foundation v5 to v6.2

What & how much work is required to upgrade Foundation 5 to 6.2? Our dev shop is taking over development of an existing F5 project. Seems the front-end layout is 80% complete, though we'll likely transition into JSX to little will be untouched. I…
tomByrer
  • 1,105
  • 12
  • 21
8
votes
2 answers

using foundation 6 scss with angular 2 cli

How to use foundation 6 with angular cli.I tried with plain scss but was unable to proceed with foundation 6 scss.How should I proceed with this. Thanks in advance.
user93
  • 1,866
  • 5
  • 26
  • 45
8
votes
3 answers

Foundation 6 with Rails Simple Form

Simple Form includes a Foundation 5 template. However, I cannot find any template files modified for Foundation 6 on the web. How well does the generated forms work with Foundation 6? Moreover, any generous share of Foundation 6 template or tips on…
Gavin
  • 4,458
  • 3
  • 24
  • 37
8
votes
1 answer

Zurb Foundation 6 sticky switch status at end of viewport height ".is-anchored .is-at-bottom"

Trying to create a menu that is sticked to the top of site whole time. Followed docs of zurb.foundation, but .sticky behaves always the same unexpected way. Or maybe I don't get some obvious? Please check for reconstruction…
Herr_Hansen
  • 2,292
  • 1
  • 20
  • 17
7
votes
0 answers

Foundation reInit equalizer throws "_init is not an available method for this element"

I'm using Foundation framework for my website and before updating to Foundation 6.4.3, this syntax Foundation.reInit('equalizer') used to work to re-bind/reflow my plug-ins like Equalizer for my dynamically created elements. After the update to…
OptimusPrime
  • 71
  • 2
6
votes
5 answers

Zurb Foundation 6 menu align-right easiet way to make align-center on small devices

I'm using ZURB foundation and I am wondering if an easier way exists of aligning menu items on small devices. Currently my HTML looks like this:
Simon Hayter
  • 3,131
  • 27
  • 53
6
votes
3 answers

Foundation project creation fails with npm ERR! git rev-list on debian 8.5.0

I nearly spent two or three hours and searched my ass of. But either i am to dumb to find a solution or there is none so far. First thing: i am not a pro in the linux world, but here is what i got. Bare debian 8.5.0 installation as a VirtualBox…
Bodo Dackel
  • 93
  • 10
5
votes
2 answers

How do I get ZURB Foundation 6.4.1 to work with Angular 4?

I'm trying to get ZURB Foundation 6.4.1 to work with Angular 4 but I'm failing miserably. I am following this tutorial http://shermandigital.com/blog/zurb-foundation-with-angular-cli/ but it only works with Foundation 6.3. Thank you for your help.
Mr Teal
  • 342
  • 4
  • 14
5
votes
1 answer

Foundation sticky only on mobile

How can I have a sticky element with Foundation that sticks only on small breakpoints? data-sticky-on="small" works for small and up
jmontenegro
  • 301
  • 4
  • 10
5
votes
2 answers

Disable clickability on foundation accordion

I have a foundation accordion something like this.
1
2 3
…
33 34