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

Daniel Ruf

@DanielRuf

@wfd2018 did you already solve it?

Glen

@glen-84

Should it be possible to import util/breakpoint by itself? (it depends on at least _unit.scss, which it doesn't import). I'm just trying to get a better understanding of Sass dependencies.

Tomasz John

@Tomasz_John_twitter

Hi, I’m starting with a beta version of a new tool for frontend devs with Foundation support. Could you take a look and comment what to change/improve? http://frontendocean.com - parameters, validation, building and sharing. I’m also looking for help from other developer. If you like my project let me know please...

Daniel Ruf

@DanielRuf

@glen-84 afaik no, otherwise you have to import the needed dependent sass files. We have the mixins and functions.

Glen

@glen-84

@DanielRuf What I mean is, should util/breakpoint import util/unit, since it uses functions from that partial. i.e. You either have:

a) util/breakpoint depends on/imports util/unit, and you only need to import util/breakpoint. (graph-like dependencies)
b) util/breakpoint doesn't import util/unit, so if you need to use util/breakpoint, you have to import util/unit as well. (flat dependencies)

The way it is now, I have to know what util/breakpoint depends on, and that may change over time (so code could break, in theory). Also, it's hard to know whether or not it's okay to use util/breakpoint on its own, vs all of util/util, vs the whole of Foundation.

However, I don't really know what the norm is in Sass. This is obviously how things work in JS, but that behaves differently as well.

Daniel Ruf

@DanielRuf

@glen-84 you can break them out and try to add the needed files and imports but so far we do many imports just once in the global files.

Marcus Tisäter

@marcustisater

Urghhh! I need some serious help. I can't get Foundation js working with webpack. Everything works when I compile the js file to a static build but when my webpack server is running nothing is working, for example Foundation.MediaQuery.current says undefined on my local server, but in the compiled version it gives me the right log when I open up the html. Wired...!

Glen

@glen-84

@marcustisater Are you using the style-loader during dev?

TonyLugg

@TonyLugg

When building a form with xy grid, there is a lot of space between rows. Is there a global setting to reduce the space. It seems that inputs have a bottom margin of 1rem. I could override that but not sure if that will bite me later on.

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