Where communities thrive


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

    celesteking
    @celesteking
    recent rails dropped jquery support by default and it looks like foundation6 requires jquery, which means docs should be updated
    celesteking
    @celesteking
    it's said that all mixins are kept in one file https://foundation.zurb.com/sites/docs/sass-mixins.html , but this is incorrect. I wanted to override menu mixin and it's not there
    • I just wanted to change fonts and margins for a menu, but it looks like it's still a hard task
    Daniel Ruf
    @DanielRuf

    which means docs should be updated

    what aprt exactly regarding jQuery? Foundation Sites requires jQuery and this is documented.

    celesteking
    @celesteking
    Daniel Ruf
    @DanielRuf
    PRs are very welcome.
    celesteking
    @celesteking
    I also don't quite understand how menu mxiing can be sourced. I'm doing .wrapper { @include foundation-menu; }, but it seems that won't allow me to override vars per inclusion scope, that is , for container only, but not for other wrappers that I'd like to have different menu settings
    At what point does SASS resolve vars ? At @import or @include ?
    celesteking
    @celesteking
    I'd like to have radius /styles for buttons. How do I achieve that? It's configured by a global, but I need several with different values.
    MassDebates
    @MassDebates
    hmm
    this isn't working well
    Christopher Zavatchen
    @cnc137
    @celesteking I would suggest using your own CSS/SASS to override the global border radius setting you are using in other areas for the specific class or ID for your custom buttons that you want to look different. This will allow you to override the default border radius defined in the global settings located in the "src\assets\scss_settings.scss". I pull in my own custom styles located in my "style.scss" file located in the "src\assets\scss" directory by adding "@import 'style';" to the bottom of the "app.scss" file.
    celesteking
    @celesteking
    I'm looking for horizontal form layout. What's the proper way?
    stuffing everything in horizontal cells gives too much space between elements
    Daniel Ruf
    @DanielRuf
    Do you mean inline form?
    celesteking
    @celesteking

    hi. Why can't I specify vars inside a selector to let included mixin use them?

    .mydrop {
      $dropdown-padding: rem-calc(10);
      @include dropdown-container();
     }

    why do I have to specify them globally, outside .mydrop context?

    celesteking
    @celesteking
    How do I replicate top-bar menu with 6? I can't find how to do dividers and titles in submenus.
    Stian A. Giltvedt
    @Giltvedt
    Hi! I'm working on a small website and it's ready to test on stage server. But is't something documentation missing where I need to run any command to run build.
    Things seems to work fine, but js related functions aren't generated.
    Stian A. Giltvedt
    @Giltvedt
    FYI: I'm using "Foundation for Sites Template" https://github.com/zurb/foundation-sites-template