zurb/foundation-sites

The most advanced responsive front-end framework in the world.

Daniel Ruf

@DanielRuf

@Giltvedt https://github.com/zurb/foundation-sites-template/blob/master/package.json#L7

just run npm / yarn start.

Stian A. Giltvedt

@Giltvedt

@cnc137 Yeah I guess it was that he mean. It's kinda sad for a great framework.

I'm not sure we are talking about same codebase. It's no any sight about --production or dist in gulpfile.js in project folder. Anyway… I've moved project to another codebase and can now run build command to make website ready for production-server.

@DanielRuf Sorry I was unclear when I ask for help. I've no problem to run npm/yarn start. I was asking how to run command to export site ready for production use. Also generate dist folder.

Dominik Pieper

@DominikPieper

Hey all, are there any informations about F7?

Daniel Ruf

@DanielRuf

@Giltvedt see the template repo that I have linked. This shows exactly the use case that you have.

M.Romecki

@filt3rek

Hej all ! I've a noob question, sorry I use foundation for years now and still can't understand if it's correct way to have more than 12 columns inside a row ? Let's say I have a section with a title that I want to be 12 columns wide, then I have some columns that I want to be inside this same section. Should I write a row for the title, then as many rows as columns to fit 12 columns ? Or I can have only one row then inside a title, then many columns (let's say 4 sub sections of 6 wide columns) ? I don't know if it's clear...

Anthony

@pyskell

No matter what functions I define in app.js they are not referenceable from my html documents. However if I just include a simple <script> tag of the exact same code directly in the html it works as expected.

Also app.js executes just fine, calling functions directly in app.js works as expected.

Daniel Ruf

@DanielRuf

@pyskell I guess you use some bundler. They encapsulate the code so the window object is not trashed with many function references. Try adding window.myfunc = myfunc;

Anthony

@pyskell

Ohh thanks @DanielRuf !

Btw if that isn't in the docs for the default ZURB template I'd suggest it should be, I can't be the only person to encounter that.

Or maybe it is and I just missed it

Daniel Ruf

@DanielRuf

It's a default behavior of the gulp setup which also uses UMD in some cases. Not directly documented but normal for webpack and gulp setups and other tools and bundlers (do not add to much to the window).

celesteking

@celesteking

reveal's close button is outside the container padding in 6, while it was inside it in 5. Which means it will cover the content when it gets cramped.

Dax

@DaxLulzSec_twitter

Hello

Anyone currently online?

celesteking

@celesteking

don't tell us you've found another xss

judging from https://seclists.org/fulldisclosure/2016/Dec/7 timeline part, they mostly don't care, so why would you? just release.

Daniel Ruf

@DanielRuf

@celesteking not sure what you mean

this was 2016

also not really a XSS what the reporter demonstrates - hardcoding the code in there is not how a PoC works

also Foundation 6 is the current version, Foundation 5 is not developed / maintained anymore

Daniel Ruf

@DanielRuf

and the author forgot to link to the issue zurb/foundation-sites#8294

Marcel Stör

@marcelstoer

I am looking after an older project that uses the old $h2-font-size typography variable (https://foundation.zurb.com/sites/docs/v/5.5.3/components/typography.html#available-scss-variables). They were dropped at some point (with v6?). How do I replace the use of that variable with the new $header-styles map?

Adeoti Ayodeji

@Lord-sarcastic

Hi, I'm new here

Kirk Clemons

@kcclemo

Anyone know how to manually trigger an error on a particular field using abide validation?

Daniel Ruf

@DanielRuf

@kcclemo did you try validateInput(el)? https://github.com/foundation/foundation-sites/blob/develop/js/foundation.abide.js#L423

https://foundation.zurb.com/sites/docs/abide.html#validateinput

Kirk Clemons

@kcclemo

@DanielRuf No, I didn't, but, I'll take a look and see if that will do what I need. Thank you!

Anthony E. Alvarez

@anthonyalvarez

Need help with a Foundation CLI error listed below on Win10x64 .

$ foundation new
fs.js:27
const { Math, Object } = primordials;
                         ^
ReferenceError: primordials is not defined

Installed Foundation CLI using command npm install --global foundation-cli. Just starting to use Foundation for the first time using Zurb instructions.

Daniel Ruf

@DanielRuf

@anthonyalvarez same as in Slack, please try to use NodeJS 10.

Anthony E. Alvarez

@anthonyalvarez

Thank you @DanielRuf ! Installed "nvm for Windows." Got past the error from my last post: ReferenceError: primordials is not defined

Foundation CLI command "new" is working.
https://github.com/coreybutler/nvm-windows

Adeoti Ayodeji

@Lord-sarcastic

where do i get docs for this 'zurb'?

Andrey

@daaner

@Lord-sarcastic https://foundation.zurb.com/sites/docs/

Daniel Ruf

@DanielRuf

@Lord-sarcastic for which version? Some old docs are also at https://foundation-sites-docs.daniel-ruf.de/

Kirk Clemons

@kcclemo

This URL doesn't seem to have redirected properly:
https://foundation.zurb.com/sites/docs/v/5.5.3/

Daniel Ruf

@DanielRuf

These are old docs and I think there are already issues regarding this.

Kirk Clemons

@kcclemo

Is there a channel where I should be filing bugs for issues like this?

Daniel Ruf

@DanielRuf

https://foundation.discourse.group/ is the right place for this non-bug

The v5 docs are now at https://get.foundation/sites/docs-v5/

M.Romecki

@filt3rek

Hej all !
I don't know if it's the right place to ask comething like that... Anyway, I try :)
Is it possible to change the options between an open and close for example using Reveal in foundation 6 please ?

The options are set when initalizing the modal, but how can I change some options after, without initializing all ?

Daniel Ruf

@DanielRuf

Afaik this is not possible during runtime with manual reinitialization.

See the info regarding _init and _reflow at foundation/foundation-sites#10900

M.Romecki

@filt3rek

@DanielRuf : Thx for your answer !

Daniel Ruf

@DanielRuf

Yes, switch to Node 10 or remove the lockfile and try it again @Krunal79-flutter. A simple Google search should provide the same answer. Also this was already resolved.

M.Romecki

@filt3rek

Hej, using Foundation 6.5.1, when trying to do Foundation.reInit('accordion'), I get We're sorry, '_init' is not an available method for this element..
Only $( window ).foundation()and Foundation.reflow( $( '[data-accordion]' ) ) or Foundation.reflow( '[data-accordion]' ) do work

Daniel Ruf

@DanielRuf

@filt3rek reInit works only on initialized components. Please provide a codepen as reproducible codepen.

M.Romecki

@filt3rek

@DanielRuf : Thanks again for your answer. Yes you must be right, it wasn't initialized first...

M.Romecki

@filt3rek

Hej all !
I wonder if there is an opposite function to .foundation() ?
Say, I dynamically set data-tooltip to an element, then I run .foundation() on it in order to initialize it, and then I want to kind of deactivate this tooltip, remove all that was done when initalization occurs (some data- added and so on) ?
I don't know if it's really clear...

Where communities thrive

People

Repo info

Activity