Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

zurb/foundation-sites

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

People

Repo info

Activity

TonyLugg

@TonyLugg

I just tried $form-spacing, which kinda worked but the labels no longer align with the middle of the inputs.

TonyLugg

@TonyLugg

I've ditched foundation-sites and created my own styles. Not much help here.

Daniel Ruf

@DanielRuf

Hi, sorry that we've missed that but our Slach channel is the main support channel and we also have a tag on stackoverflow and the GitHub issue tracker.

And yes there is a setting for the gaps.

A codepen could have been helpful for us.

hal869

@hal869

was/is there some ongoing discussion about deprecating jquery use in Foundation? if yes, got a link?

Igor Escalona

@igorer88

It's a shame that in the past they were using AngularJS and they drop it to go back to jQuery. I think there's no documentation to use it with actual libs.

Glen

@glen-84

@hal869 zurb/foundation-sites#11404

@hal869 https://github.com/zurb/foundation-sites/wiki/Project-Roadmap

Glen

@glen-84

Would be nice to see TypeScript added to that page.

Daniel Ruf

@DanielRuf

It's on our roadmap / plan for v7 and I have started a branch to replace jQuery. Angular was never used for Foundation Sites but Foundation Apps which is not maintained anymore afaik.

Igor Escalona

@igorer88

I think it was great but since I think it needed Ruby on Rails it was a huge learning curve. To learn AngularJS + Ruby on Rails.

But I always liked Foundation much more than Bootstrap, it was a greater alternative, at least for me.

And I also like the Zurb team's philosophy. The web has changed a lot. They better catch up.

Brandon Grainger

@thelonegrainger

Anyone I've met who has used Foundation on a project has always liked it better than Bootstrap. Zurb is always so modest about it but just admit it Zurb, Foundation is better than Bootstrap :) But like @igorer88 said 'The web has changed a lot' and I hate sounding complainy/pushy when it comes to free open source projects but I hope they do catch up!

Brandon Grainger

@thelonegrainger

I'd love to see what Zurb would come up with if they created a SSG. I've always thought Panini was such a great workflow and very intuitive.

Igor Escalona

@igorer88

@thelonegrainger SGG?

Brandon Grainger

@thelonegrainger

Static site generator

Igor Escalona

@igorer88

Ok ok. I agree with you.

Daniel Ruf

@DanielRuf

@igorer88 Foundation Sites is a modern web framewirk. No Angular.js or RoR ;-)

There are many SSGs, see staticgen.com, we will not create another one which is also not the goal of a prototyping and frontend framework.

Brandon Grainger

@thelonegrainger

Yes, I've tried many of them out. Everything that Zurb comes out with feels so thought out and so intuitive so just trying to plant a seed :) Maybe Foundation 7.0, Foundation CLI 3.0, and Panini 2.0 will all drop at the same time! Ok... too many requests. I'll go look at the Foundation repository and see if I can contribute anywhere.

anon36

@anon36

hello

Andrey

@daaner

@anon36 Hello

celesteking

@celesteking

Hi. I'm looking for a way to get foundation working on codepen. All those examples you supply are basically unconfigurable via https://foundation.zurb.com/sites/docs/sass.html#the-settings-file . There's nowhere to input that, and when switched into SCSS and settings put in there, they don't work

I tried importing manually, but still have no luck with that. https://codepen.io/anon/pen/JzVwxb

example: https://codepen.io/anon/pen/RdOdYr

celesteking

@celesteking

i'm using it in rails, where it obvously works, but going from editor to browser, then hitting refresh after each mod is an abomination

example: https://codepen.io/anon/pen/RdOdYr

Daniel Ruf

@DanielRuf

I think https://stackblitz.com/ is a better option @celesteking

celesteking

@celesteking

where's the link to zurb 6?

Daniel Ruf

@DanielRuf

to what exactly?

celesteking

@celesteking

to zurb 6 environment where I can code

https://stackblitz.com/edit/angular-rjyndn is for angular, for example. Where's the one for zurb 6?

Daniel Ruf

@DanielRuf

There is no prebuilt one for stackblitz, you can use https://github.com/zurb/foundation-zurb-template as template

Angular, Vue, React and so on are JS frameworks, Foundation Sites like Bootstrap are just CSS Frameworks in general.

celesteking

@celesteking

great, I just wanted jsfiddle with sass $var: 123 support

Daniel Ruf

@DanielRuf

You can change the preprocessor on codepen to SCSS / Sass in the settings.

celesteking

@celesteking

yeah, but as shown above it just doesn't work

it won't pick up the settings

https://codepen.io/anon/pen/RdOdYr

Daniel Ruf

@DanielRuf

See the main scss of https://github.com/zurb/foundation-zurb-template

https://github.com/zurb/foundation-zurb-template/blob/master/src/assets/scss/app.scss

To use this on codepen you have to insert every SCSS file from Foundation and its content to the scss / css tab after the settings.

You should have a webpack setup in Rails to easily test the changes.

celesteking

@celesteking

why @import https://github.com/zurb/foundation-zurb-template/blob/master/src/assets/scss/app.scss wouldn't work?

is there a readied link on stackblitz.com with zurb 6?

Daniel Ruf

@DanielRuf

Because this won't work as the mimetype is not the right one. See https://codepen.io/DanielRuf/pen/oVRNWO and the console of the browser.

css_reload-5619dc0905a68b2e6298901de54f73cefe4e079f65a75406858d92924b4938bf.js:1 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://raw.githubusercontent.com/zurb/foundation-zurb-template/master/src/assets/scss/app.scss with MIME type text/plain. See https://www.chromestatus.com/feature/5629709824032768 for more details.

is there a readied link on stackblitz.com with zurb 6?

not that I knew.