@ncoden ncoden released this Jul 10, 2018 · 886 commits to develop since this release


This release provide additional bug fixes and various patches to improve the stability of Foundation. The following release notes are temporary and will be removed once the stable version v6.5.0 published.

⚠️ This version is a Release Candidate and it intended for developers to test the new release with their project and environment and report regressions if any. It is not recommended for an usage in production.

Changes from v6.5.0-rc.1



@ncoden ncoden released this Jun 24, 2018 · 886 commits to develop since this release

Here we go! Foundation 6.5.0 (Release Candate 1) is out now and comes with a lot of bug fixes and various improvements! This release is mainly focused on stabilizing the previous release, improving accessibility and browser support and making the integration with your project easier. New features were delayed to the next release to ensure the best compatibility with v6.4.4-rc1. Check out the details below.

Note: the following release notes are temporary and will be removed once the stable version v6.5.0 published.

⚠️ This version is a Release Candidate and it intended for developers to test the new release with their project and environment and report regressions if any. It is not recommended for an usage in production.


  • 🌟 Improved Stability: 70+ bugs resolved!

    We worked hard to resolve over 70 bugs across all our components. This includes fixes for visual and functional bugs, resolved crashes and Sass compilation errors and improved integration, reusability and ease of customization in various environments and complex use cases.

  • 🙈 Improved Accessibility (#10699, #11052, #11167, #11099)

    We improved the accessibility of Abide forms by a lot! Most a11y attributes are now automatically set on form fields, labels and errors according to their relations. We also fixed the aria attributes of Toogler and all menu plugins, and improved many plugin documentations to show in examples the best practices in terms of accessibility.

  • 🌎 Improved Browser Support (#10786, #11011, #11021, #11108, #11252)

    We fixed various bugs in IE11/Edge in navigation components, Slider and XY Grid, as well as an issue with the Reveal scroll in iOS Safari. For consistency reasons, we revised our browser CSS compatibility table and improved support for iOS Safari >= 7. On the other hand, Android Browser < 4.4 is not supported anymore.

  • 🚀 New Accordion parentLink option (#10616)

    With the parentLink option, you can now automatically include the parent link at the top of an Accordion sub-menu like for Drilldown.

  • Matching help for standard input and input group (#10602)

    We changed the Input Group height calculation to match the standard input height. You may have to take a look at your forms after upgrading.

  • Better keyboard shortcuts for Dropdown (#10715, #11123)

    If a Dropdown trigger is an input or a textarea, Space does not open the Dropdown anymore. Also, an opened Dropdown is now closed with Space/Enter if nothing can be focused in it.

  • Improved Abide URL validation pattern (#11116)

    We changed the Abide validation pattern for URL so it is more permissive and supports various protocols and escaped characters. We recommend you to check if it still fulfills your needs before upgrading. You can always use the old URL pattern as a custom pattern.

  • 🐛 Fixed various bugs with dynamically created component (#11077, #10988)

    Components could be incorrecly initialized when dynamically created as they were waiting for the page load event (which was already called before). We fixed this and now fully support dynamically created components after the page loaded.

  • 🐛 Fixed various bugs causing a "gap" between breakpoints (#10978, #11315)

    A "gap" between breakpoints could appear with both or none breakpoints where considered as the "current one" due to the way some old browsers round values or when a smaller global font size was used.
    We changed this gap size to ensure the best browser compatibility and support smaller font size.

  • 🚚 UMD Bundling (#10864, #10911, #10930)

    Foundation is now distributed as an UMD package! Babel is no longer required and you can now import Foundation with ES6, RequireJS, Node.js or as a global variable.

  • 🚚 Sourcemaps everywhere! (#10998, #11012)

    No one likes debugging in minified code. All Foundation JavaScript and CSS distribution files now comes with sourcemap files, including individual plugin files.

  • 📦 jQuery and what-input are now peerDependencies (#11294)

    We think that like for most browser packages, you will want to only have one jQuery version installed and to choose its version by yourself. For this reason, jQuery and what-input should be exposed to you as peerDependencies. You should already have jQuery and what-input installed so Foundation will work the same way as before.

    Note for npm users: you may now have a warning message asking you to install these packages if you did not already. Please do so with versions we support: jquery@>=2.2.0 and what-input>=4.1.0.

All changes

This release comes with ~230 contributions like new features, improvements, bug fixes, documentation updates and maintenance tasks. This changelog uses the following emojis to describe contribution types.

Code changes Cleaning Maintenance
💥 Breaking changes
🚀 Features
🐛 Bug Fixes
🛠️ Refactoring
💎 Linting
📖 Documentation

💻 Tools
📦 Dependencies
🚚 Build files
🚨 Tests

Changes marked with RC were included in the previous unstable release candidate v6.4.4-rc1. They may have introduced new features and visual changes. If you have already migrated to Foundation v6.4.4-rc1 without encountering issues, you can safely migrate to v6.5.0.








  • Flexbox Utilities
    🐛 #10676 - Use $global-text-direction for Flexbox alignment utilities (@abdullahsalem, #10125) RC
    📖 #10592 - Fix typos in Flexbox Utilities documentation (@powellian) RC

  • Prototyping Utilities
    🐛 #10551 - Remove non-ASCII character unsupported by Sass (@IamManchanda, #10515) RC
    🐛 #10632 - Fix rounded prototyping class for Switches (@IamManchanda, #10460) RC
    🛠️ #10625 - Refactor spacing classes in Prototyping utilities (@IamManchanda) RC
    📖 #10632 - Remove canceled deprecation notice about Visibility Classes (@IamManchanda, #10540) RC
    📖 #10709 - Fix typo in Prototyping documentation (@mziraki)

  • Sass Utilities
    #10479 - Add defaults for $foundation-palette colors (@arjenkroeze, #9833) RC
    #11103 - Improve $-zf-zero-breakpoint setting error message (@andycochran, #9268)
    🐛 #10629 - Ensure that Sass breakpoint variables are always declared (@gaulrobe, #10628) RC
    🐛 #10819 - Prevent leaking of $-zf-size after -zf-each-breakpoint() mixin (@ncoden, #10818)
    🐛 #10914 - Remove clip-path from element-invisible mixin for performance issues (@ffoodd)
    📖 #10785 - Fix typo in rem-calc function documentation (@IanCaunce)
    📖 #11088 - Remove outdated rem-base deprecation note (@DanielRuf)
    📖 #11249 - Fix various typos in Sass Utilities documentation (@datatypevoid)
    📖 #11251 - Add missing space in color() function documentation (@datatypevoid)

  • JavaScript Utilities
    🐛 #11258 - Prevent to initialize Triggers twice before window load (@ncoden)
    🐛 #10639 - Fix polyfills for dragging events in Touch Utilities (@TakteS, #10639) RC
    🚨 #10941 - Add units tests for Foundation.getFnName() (@dragthor)
    🚨 #10990 - Remove tests for widely supported inferred names in Foundation.getFnName() (@DanielRuf)

Global / Miscellaneous

  • Global
    🐛 #10729 - Use jQuery .on() instead of deprecated .load() (@DanielRuf)
    🐛 #10978 - Fix breakpoint precision issue with a smaller global font size (@JasonMiller, #10820)
    🐛 #11011 - Fix watching for hash changes in IE/Edge (@ncoden, #10771)
    🐛 #11077 - Fix watching for events when dynamically created after page load (@ncoden & @DanielRuf)
    🐛 #11315 - Use low-enough breakpoint precision to avoid rounding by browsers (@ncoden, #11313)
    🚚 #10856 - Sort Sass components following their complexity and dependencies (@ncoden, 10854)
    🚚 #10864 - Bundle JS assets as UMD modules (@ncoden)
    🚚 #10911 - Temporary disable UMD bundling (@ncoden)
    🚚 #10930 - Fix and re-enable UMD bundling (@ncoden)
    🚚 #10998 - Include sourcemaps in distribution files (@DanielRuf)
    🚚 #11012 - Add sourcemaps for plugins and minified files (@ncoden, #10999)
    💻 #11021 - Drop Android < 4.4 and ensure support for iOS Safari >= 7 (@DanielRuf)

  • TypeScript
    🐛 #10807 - Fix Keyboard util TypeScript declaration (@Anidetrix)
    🐛 #11274 - Allow any types for jQuery Foundation method arguments (@ncoden, #11193)

  • Internal
    🐛 #10908 - Fix RegExpEscape definition in Foundation object (@DanielRuf)
    🐛 #10917 - Fix RegExpEscape export as an external (@ncoden, #10916)
    🚚 #11205 - Fix gulp task sequences due to missing callback (@ncoden)
    💻 #10631 - Add XY Grid styles to documentation (@kball) RC
    💻 #11073 - Migrate dependencies from Bower to npm (@DanielRuf)
    💻 #11083 - Remove deprecated Sass mixins (@DanielRuf)
    💻 #11144 - Migrate to jsDelivr from CDNjs (@DanielRuf)
    💻 #11175 - Move documentation changes to develop Git branch (@ncoden)
    💻 #11268 - Revise Eyeglass compatibility range to >=0.8.0 (@ncoden)
    💻 #11269 - Move TypeScript definitions source file out of distribution folder (@ncoden)
    💻 #11316 - Update Browserify transform config & factorize browserslist configs (@ncoden)
    💻 #11349 - Revise Meteor fourseven:scss compatibility to support Meteor<1.4.1 support (@ncoden)
    🚨 #11210 - Clean components and focus after tests (@ncoden)
    🚨 #11275 - Add delay before testing focus to give IE time to render elements (@ncoden)
    🚨 #11333 - Increase mocha tests timeout to run on slow browsers and workers (@ncoden)
    📦 #10591 - Update Webpack to v3 (@kball, #10584) RC
    📦 #10823 - Update Babel dependencies (@ncoden)
    📦 #10825 - Update fourseven:scss dependency (@raym)
    📦 #10942 - Update foundation-docs dependency (@ncoden)
    📦 #10944 - Migrate to mocha-headless-chrome from mocha-phantomjs for tests (@DanielRuf)
    📦 #10984 - Update dependencies with known vulnerabilities (CVE) (@ncoden)
    📦 #11036 - Update eslint and gulp-eslint dependencies to v4 (@colin-marshall)
    📦 #11086 - Migrate to normalize.css v8.0.0 from normalize-scss (@ncoden, #11015)
    📦 #11119 - Clean and update all dependencies (@ncoden)
    📦 #11292 - Update foundation-docs dependency to get new ClipboardJS naming (@ncoden)
    📦 #11294 - Move jquery and what-input to peerDependencies (@ncoden, #11290)
    📦 #11308 - Remove unused devDependencies dateformat and gaze (@ncoden)
    📦 #11317 - Update Babel dependencies to v7 (@ncoden)
    📦 #11334 - Update dependencies June 2018 (@ncoden)
    💎 #11176 - Remove extraneous space in Travis CI config (@DanielRuf)
    💎 #11227 - Fix Sass linting errors (@DanielRuf)
    💎 #11231 - Remove obsolete sass-lint comments (@DanielRuf)

  • Development
    💻 #10599 - Add JSHint configuration with ES6 support (@IamManchanda) RC
    💻 #11003 - Run tests on latest Node.js LTS/stable releases (@DanielRuf)
    💻 #11090 - Various improvements for Travis tests (@ncoden)
    💻 #11111 - Run tests before commits and pushes with Husky (@DanielRuf, #11042)
    💻 #11120 - Prevent commits and pushes when tests are failing with Husky (@ncoden)
    💻 #11174 - Run tests with npm ci when supported (@DanielRuf)
    💻 #11197 - Lint commit messages before committing with Husky (@ncoden)
    💻 #11208 - Run tests with devDependencies instead of embedded packages (@DanielRuf)
    💻 #11246 - Add GitHub multiple issue templates (@ncoden)

  • Documentation
    📖 #10500 - Fix closable Callout close button in Kitchen Sink (@danclayton50) RC
    📖 #10519 - Fix typo in deprecation notices (@Odaeus) RC
    📖 #10536 - Fix typo on "Foundation" in Media Query documentation (@AnaghSharma) RC
    📖 #10632 - Move Utilities classes to their own section in documentation menu (@IamManchanda) RC
    📖 #10670 - Update outdated Foundation version in documentation menu (@IamManchanda, #10669) RC
    📖 #10681 - Fix path to JavaScript source folder in installation documentation (@grantcarthew) RC
    📖 #10698 - Fix autoprefixer documentation in Sass setup (@pdeffendol)
    📖 #10710 - Remove unnecessary bower install from ZURB Template installation (@skadzielawa)
    📖 #10719 - Fix typo in JavaScript documentation (@artbypravesh)
    📖 #10720 - Add jsDelivr badge to README (@LukasDrgon)
    📖 #10822 - Update sub-ressources integrity (@ncoden)
    📖 #10831 - Update copyright notices to 2018 (@benhc123)
    📖 #10835 - Fix typo in Foundation Classes promotional messages (@gpaumier)
    📖 #10839 - Fix typo Inc. instead of inc. in Copyright notices (@benhc123)
    📖 #10847 - Improve Sass/JS installation and setup documentation (@ncoden)
    📖 #10848 - Improve Sass installation documentation for npm users (@jnystromdesign)
    📖 #10866 - Improve Grids setup documentation (@ncoden, #10843)
    📖 #10874 - Improve GitFlow documentation (@ncoden)
    📖 #10925 - Update ZURB template JavaScript documentation (@ncoden, #10353)
    📖 #10928 - Fix typo in installation documentation (@wolfbeisz)
    📖 #10948 - Fix yarn command in installation documentation (@jnystromdesign)
    📖 #10959 - Remove obsolete bower command in installation documentation (@DanielRuf, #10790)
    📖 #10977 - Fix broken link to XY Grid (@ocularrhythm)
    📖 #10986 - Fix broken links to Float Grid and Installation (@ncoden, #10985)
    📖 #11005 - Fix SRI hashes of CDN assets (@DanielRuf, #11004)
    📖 #11023 - Add Edge to the compatibility table (@DanielRuf, #10299)
    📖 #11034 - Migrate documentation examples to XY Grid (@colin-marshal, #11028)
    📖 #11040 - Add Rails in installation documentation (@ncoden)
    📖 #11060 - Use double quotes for HTML attributes in documentation examples (@ocularrhythm & @ncoden)
    📖 #11075 - Improve deepLink setting documentation (@ncoden)
    📖 #11089 - Fix check for flexbox label in component list (@DanielRuf)
    📖 #11110 - Fix plugin destroy method name in documentation (@DanielRuf)
    📖 #11178 - Improve and contribuion guidelines (@ncoden)
    📖 #11238 - Fix wrong word for cues in Accessibility documentation (@danielrhodeswarp)
    📖 #11240 - Add Edge to the flexbox browser list (@ncoden, from #11239)
    📖 #11262 - Fix colliding IDs in Kitchen Sink (@brianshano)
    📖 #11326 - Fix "knowledge" typo on Customizer page (@mapx)


Big thanks to our 75 amazing contributors who helped to make Foundation even better. Foundation wouldn't happen without you! Also thanks to our 87 others contributors who worked on new features, your contributions will be released in the next version.

[227] - Nicolas Coden (@ncoden)
 [95] - Daniel Ruf (@DanielRuf)
 [20] - Kevin Ball (@kball)
 [27] - Harry Manchanda (@IamManchanda)
 [18] - RafiBomb (@rafibomb)
 [12] - Marius Olbertz (@Owlbertz)
  [5] - Kai Falkowski (@SassNinja)
  [4] - Colin Marshall (@colin-marshall)
  [4] - David Niciforovic
  [3] - Aaron Arney (@ocularrhythm)
  [3] - colinmackinlay (@colinmackinlay)
  [3] - danclayton50 (@danclayton50)
  [3] - JasonMiller (@JasonMiller)
  [3] - Joakim Nystrom (@jnystromdesign)
  [2] - alliclemens (@alliclemens)
  [2] - Ben Holden-Crowther (@benhc123)
  [2] - Daniel Rhodes (@danielrhodeswarp)
  [2] - David Newman
  [2] - Grant Carthew (@grantcarthew)
  [2] - Kamil Breguła (@mik-laj)
  [2] - Kerry (@flatline-studios)
  [2] - Martin Hofmann (@Martskin)
  [2] - Nicolas Venegas (@nicolasv)
  [2] - Raymond Young (@raym)
  [2] - Stefan Lisper
  [1] - Abdullah Salem (@abdullahsalem)
  [1] - Adam Klepacz (@adamklepacz)
  [1] - Anagh Sharma (@AnaghSharma)
  [1] - Andrew France (@Odaeus)
  [1] - Andy Cochran (@andycochran)
  [1] - Anton Kudryavtsev (@Anidetrix)
  [1] - Arjen Kroeze (@arjenkroeze)
  [1] - ArtbyPravesh (@artbypravesh)
  [1] - Bhupinder Singh (@u671175)
  [1] - Bram de Leeuw (@TheBnl)
  [1] - Brett Mason (@brettsmason)
  [1] - Brian Shanley (@brianshano)
  [1] - Chris (@paxperscientiam)
  [1] - Corey Snyder (@coreysyms)
  [1] - Dinis Correia (@diniscorreia)
  [1] - Gaël Poupard (@ffoodd)
  [1] - Guillaume Paumier (@gpaumier)
  [1] - Ian Caunce (@IanCaunce)
  [1] - Jeremy Englert
  [1] - Jesse Doyle (@jessedoyle)
  [1] - JuanMME (@JuanMME)
  [1] - koki-higashikawa
  [1] - Kristofer Krause (@dragthor)
  [1] - Lukas Drgon (@LukasDrgon)
  [1] - Luke Arentz (@svenkle)
  [1] - Mahdi Ziraki (@mziraki)
  [1] - Mehdi Kabab (@piouPiouM)
  [1] - Nic Winn (@nicwinn)
  [1] - Olena Pastushenko (@lirael)
  [1] - Osman Gormus (@gormus)
  [1] - Pete Deffendol (@pdeffendol)
  [1] - Petr Tomášek (@GITTomy)
  [1] - powellian (@powellian)
  [1] - r.bos
  [1] - Richard Taylor (@farrago)
  [1] - Rick Hawkins (@rlhawk)
  [1] - Robert Gaul (@gaulrobe)
  [1] - Robert Martin (@rbrtmrtn)
  [1] - Roy (@RvWensen)
  [1] - Shaun Simmons (@simshaun)
  [1] - skadzielawa (@skadzielawa)
  [1] - TakteS (@TakteS)
  [1] - therufa (@therufa)
  [1] - Tom (@knabe)
  [1] - Tom English (@englishtom)
  [1] - TonyMtz (@tonymtz)
  [1] - wesdawg
  [1] - wolfbeisz (@wolfbeisz)
  [1] - Yuchen Xie (@mapx)
  [1] - ZURBywood


@kball kball released this Aug 18, 2017 · 1021 commits to develop since this release

This quick patch release fixes a couple missing semicolons in the scss that were not impacting node-sass but were preventing webpack scss builds from working properly in 6.4.2.


@kball kball released this Aug 10, 2017 · 1024 commits to develop since this release

The 6.4.2 release contains both a series of bugfixes and some incremental improvements, particularly focused on the new XY Grid as we get more and more folks using it in the wild. Big shoutout to our @hikouki as one of our newer contributors who jumped in with quite a few different bug fixes, docs updates, and improvements!

Migration Notes:

  • Grid containers for the XY grid have been reworked based on issues and feed back. This is a big one, and a big improvement. Check out the docs for more:
  • There was a naming conflict between the $block-grid-max variable for xy and regular grids, meaning you could not have both in with different values. The xy-grid setting has been separated out to $xy-block-grid-max. If you have changed the value of $block-grid-max and are using the xy-grid, you should update $xy-block-grid-max.

Updates and Improvements

  • Rework grid container: #10371
  • Button cursors are now configurable via settings: #10367
  • Abide options now merge recursively, fixing issues adding validators: #10377
  • Enable defining different off-canvas sizes by breakpoint: #10428


  • Fix rounded prototype when breakpoint enabled: #10335
  • Remove duplicate max-width: #10341
  • Fix dropdown arrow position issues when using responsive nav: #10345
  • Fix typescale issues building with ruby-sass: #10351
  • Fix bug on Orbit resize during transition: #9881
  • Fix boundary values for vertical two-handle sliders: #10355
  • Fix distributed version of media query to automatically initialize: #10369
  • Fix off-canvas reveal classes not working properly in 6.4.x: #10421
  • Fix cell() sass mixin gutter output: #10437
  • Rename $block-grid-max variable to get rid of duplicate name problem: #10433
  • Drilldown aria attribute fixed from ‘menu-item’ to correct ‘menu item’: #10434
  • Add missing 7th argument to xy-cell mixing within xy-grid-layout: #10435
  • Fix responsive shrink and full classes in xy-grid: #10370
  • Fix scrolling bug when using keyboard nav in dropdown menus: #10445
  • Fix reinitialization of menus: #10439
  • Fix use of dropdown with multiple anchors: #10360
  • Fix use of margin grids with grid frames: #10448
  • Fix JSPM Entry Point: #10465
  • Fix medium-up breakpoint class bug introduced in 6.4: #10491
  • Fix collapse responsive sizing bug in xy grid: #10492
  • Remove text-decoration from link buttons: #10471
  • Fix sizing of input-group buttons: #10456
  • Fix triggers initialization in customizer builds: #10507
  • Fix no-wrap issue in menus with very long items introduced in 6.4 menu rework: #10512
  • Fix vertical grid auto and shrink classes trumping size classes: #10513


@kball kball released this Jun 30, 2017 · 1232 commits to develop since this release

Contains a few quick fixes and iterations from Foundation 6.4.0

  • Fix issue with ruby-sass in menus: #10288
  • Fix issue with ruby-sass in xy-grid: #10286
  • Fix interchange on background images with parenthesis in url: #10264
  • Add support for new Mastercard BIN numbers: #10241
  • Fix a few vars that were missing from _settings.scss: #10311
  • Fix a global variable reference in foundation.core.js: #10292

v6.4.0 - KELT-9

@kball kball released this Jun 27, 2017 · 1286 commits to develop since this release

Foundation 6.4 has dropped and it is HOT. Code named KELT-9 after the hottest planet ever discovered, this new release is jampacked with some incredible new features that enable you to build layouts and designs with Foundation that weren’t possible before. Check out the details below:

Major changes

  1. Foundation 6.4 now uses Flexbox by default. There is still a fallback to float-mode for those who absolutely must support legacy browsers, but Flexbox is our recommended approach.
  2. Foundation 6.4 has a BRAND NEW, super powerful default grid called the XY-grid. This is a brand new 2-dimensional grid, inspired by css-grid but built on Flexbox to be usable in all-browser production environments today. Get started here:
    Major props to @brettsmason for pushing this through. Thanks to @corysimmons, @IamManchanda, @andycochran, and @oxyc who all went above and beyond to help make this turn out the way it did.
  3. Foundation 6.4 has shifted the Foundation JavaScript architecture to a new ES2016 module-based architecture powered by webpack. If you are using webpack or another module bundler, you can now import Foundation modules as you would other modular javascript. If you are not using a module bundler, we have packaged up drop-in compiled JS files in dist/js for backwards compatibility. Thanks to @gakimball, @DaSchTour, and @TheLarkInn for helping make this a reality.

Other New Stuff

  1. Foundation 6 has always focused on supporting the entire lifecycle of a project from Prototype to Production, but the line between the two has sometimes been fuzzy. With Foundation 6.4, we're beginning to be much more explicit about parts of the framework that are intended for rapid prototyping but should not be part of your production project. As a part of that, 6.4 is shipping with a whole new slew of optional prototyping helpers and a "prototype mode" to speed up prototyping. Learn more here: Props to @IamManchanda for making this happen.
  2. Magellan's "smooth scroll" behavior has been separated out into it's own plugin, which you can use to create "smooth scroll" behavior for any links inside a page: Props to @denisahac for this PR.

Major Enhancements

  1. Dropdowns and Tooltips now have super-powerful "explicit positioning" inspired by tether.js allowing you to position and align them exactly how you want. Implementation by @kball helped out by @IamManchanda and @SassNinja
  2. Menu styling has been reworked to be simpler and more flexible. @brettsmason and @IamManchanda rocked this out in tandem.
  3. Off Canvas now supports nesting and "in-canvas" panels that fit in your grid for some breakpoints and convert to off-canvas for smaller screens. Kudos to @SassNinja for this one.

Bug Fixes

More than we can list

Migration Notes

  1. Menus now use is-active instead if active for active state. The old active works but is deprecated and will be removed.
  2. Menus now use align-center on the menu rather than wrapping them in a menu-centered class to center them. The old way works but is deprecated and will be removed.
  3. Tabs no longer trigger hide/show styles based off of an aria attribute, but rather the is-active class. Users of tabs who are customizing panelActiveClass will need to add display:block; to the styles for their panelActiveClass.
  4. The $card-margin class has been changed to be $card-margin-bottom to better align with convention. If you have changed $card-margin update it to $card-margin-bottom.
  5. The underlying file for the responsive accordion tabs plugin has changed. If you are upgrading an old ZURB stack project you will need to change the reference to foundation-sites/js/foundation.zf.responsiveAccordionTabs.js to reference foundation-sites/js/foundation.responsiveAccordionTabs.js instead.


Thanks to the 37 amazing people who contributed code or documentation to the 6.4.0 release. Foundation wouldn't happen without you!


Astronomers have found the hottest known exoplanet, a world where temperatures exceed those on the surface of most stars.

The Jupiter-like planet, known as KELT-9b, zips around its hot host star once every 1.5 Earth days. Its orbit is so tight that the gas giant is tidally locked, always showing the same face to the star, just as the moon shows only one face to Earth.

Temperatures on KELT-9b's "day side" reach a blazing 7,800 degrees Fahrenheit (4,300 Celsius), the planet's discoverers said. That's hotter than the surface of the dwarf stars that dominate the Milky Way galaxy, and just 2,200 degrees F (1,200 degrees C) cooler than the surface of the sun. (However, temperatures in the sun's outer atmosphere, or corona, can reach about 3 million degrees F, or 1.67 million degrees C.)

(Artists Rendition courtesy of


@kball kball released this Jun 22, 2017 · 1336 commits to develop since this release

To install with npm: npm install foundation-sites@6.4.0-rc5
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc5

To try out with the ZURB template: git clone -b v6.4

Please do take things for a spin, especially the new XY grid and modular JS approach!

Feedback threads:

XY Grid: #10141
Modular JS / Webpack: #10140


Updates from RC4