Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    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
    celesteking
    @celesteking
    this chan is dead
    Stian A. Giltvedt
    @Giltvedt
    @celesteking Also Foundation for Sites Template or this room?
    Christopher Zavatchen
    @cnc137

    @Giltvedt This Gitter channel doesn't seem to get a lot of traffic. I think that is what @celesteking was referring to when he said "this chan is dead". There is an option to run the build command with the "--production" flag to get all your files ready for production and place them in the "dist" folder under your Foundation project folder. You can see some of this information if you look at the "gulpfile.babel.js" file in your project folder.

    The following YouTube videos also go over the "ZURB Stack". They are a little old, but I think they should help you get an understanding of the build process.

    There are a lot more tutorial videos about Zurb Foundation located at https://foundation.zurb.com/learn/tutorials.html that you may also want to check out.

    This page also has more details about Zurb Template and the build commands: https://foundation.zurb.com/sites/docs/starter-projects.html

    After everything is built you should be able to upload the "dist" folder to your web server and the pages should work like in your local development environment.

    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
    @nachtwandler
    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
    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
    Daniel Ruf
    @DanielRuf
    @Lord-sarcastic for which version? Some old docs are also at https://foundation-sites-docs.daniel-ruf.de/