Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    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
    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.