v6.4.3

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.

v6.4.2

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: http://foundation.zurb.com/sites/docs/xy-grid.html
• 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

Bugfixes:

• 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

v6.4.1

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

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: http://foundation.zurb.com/sites/docs/xy-grid.html.
   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: http://foundation.zurb.com/sites/docs/prototyping-utilities.html. 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: http://foundation.zurb.com/sites/docs/smooth-scroll.html. 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.

Contributors

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

• Abdullah Salem (@abdullahsalem)
• Adrián Pauly (@adrianpauly)
• artebenji (@artebenji)
• Brett Mason (@brettsmason)
• Brock Duncan (@brock-duncan)
• Colin Mackinlay (@colinmackinlay)
• Corey Snyder (@coreysyms)
• Den Isahac (@denisahac)
• Jens Köhler (@designerno1)
• Florian Gaa (@digitalfrood)
• William Entriken (@fulldecent)
• Glorfindel21 (@Glorfindel21)
• Gorrie Coe (@gorriecoe)
• Heidi Ekenstam (@HeidiEkenstam)
• Harry Manchanda (@IamManchanda)
• Sébastien GRAVIER (@IllusionPerdu)
• jellisii (@jellisii)
• Kevin Ball (@kball)
• Kevin Chu (@kwhchu)
• mheward (@mheward)
• Nate Wiebe (@natewiebe13)
• Nicolas Coden (@ncoden)
• Daniel Ramirez (@ompmega)
• Marius Olbertz (@Owlbertz)
• Chris (@paxperscientiam)
• Paul Van Tuyl (@paulvantuyl)
• Moritz Pfeiffer (@Proper-Job)
• Quy (@Quy)
• Rafi Benkual (@rafibomb)
• realchriswells (@realchriswells)
• Kai Falkowski (@SassNinja)
• Shaun (@simshaun)
• strainger (@strainger)
• Samina Fu (@sufuf3)
• swey (@swey)
• Tim Hartwick (@tdhartwick)
• Yannick Milanetto (@yannick-milanetto)

KELT-9

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 https://www.jpl.nasa.gov/news/news.php?feature=6865)

v6.4.0-rc5

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 git@github.com:zurb/foundation-zurb-template.git

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

Docs

http://foundation.zurb.com/sites/6.4.0-rc/docs/

Updates from RC4

• Bugfixes in XY Grid and JS
• New "In-Canvas" option to Offcanvas (see http://foundation.zurb.com/sites/6.4.0-rc/docs/off-canvas.html#in-canvas and #10003 for more details)
• Move flexbox helpers out of old flex grid and into their own file so they are usable with the XY grid.

v6.4.0 RC4

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

To try out with the ZURB template: git clone -b v6.4 git@github.com:zurb/foundation-zurb-template.git

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

Docs

http://foundation.zurb.com/sites/6.4.0-rc/docs/

Update from RC3

A slew of bugfixes to JS, XY-Grid, and menus.

We're getting close to final release day (June 27) and this RC has the potential to become the final release, so please report any and all issues you run into!

v6.4.0 RC3

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

To try out with the ZURB template: git clone -b v6.4 git@github.com:zurb/foundation-zurb-template.git

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 RC2:

1. Update XY grid margin & padding to be independently controllable along each axis. Instead of .margin-gutters and .padding-gutters you now will use .grid-margin-x, .grid-margin-y, .grid-padding-x, and .grid-padding-y. Props to @andycochran, @oxyc and @corysimmons for the feedback helping advance this idea and @brettsmason for the implementation. Check out the new approach in the docs: http://foundation.zurb.com/sites/6.4.0-rc/docs/xy-grid.html
2. Fix some issues in the auto behavior in the XY Grid.
3. Improved Javascript entry points... you can now simply import Foundation from 'foundation-sites'; to get all of Foundation (autoinitialized), or batch import sets of plugins from foundation-sites/js/entries/foundation-plugins. How to make these imports super smooth is an ongoing area of conversation, join the convo in the modular js/webpack feedback thread!
4. Fix some issues in Dropdown Menu keyboard navigation in the new menus

v6.4.0 RC2

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

To try out with the ZURB template: git clone -b v6.4 git@github.com:zurb/foundation-zurb-template.git

Updates from RC1:

1. Update grid classes to use .grid-x and .grid-y rather than .grid and .grid-vertical. Eliminates separate "vertical" classes on cell level, having all inherit from the grid above it. See #10118
2. Fix a bug in Motion UI Javascript. See #10110 (thanks @swey!)
3. Add foundation-prototype.css as a build with prototyping classes enabled to dist.

RC Docs are available here: http://foundation.zurb.com/sites/6.4.0-rc/docs/

v6.4.0-rc1

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

To try out with the ZURB template: git clone -b v6.4 git@github.com:zurb/foundation-zurb-template.git

This release has some BIG changes, starting us on the road to Foundation 7 (more on that soon). Please read about at least the major changes below before using.

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: http://foundation.zurb.com/sites/6.4.0-rc1/docs/xy-grid.html
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.

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: http://foundation.zurb.com/sites/6.4.0-rc1/docs/prototyping-utilities.html
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: http://foundation.zurb.com/sites/6.4.0-rc1/docs/smooth-scroll.html

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.
2. Menu styling has been reworked to be simpler and more flexible.

More... full list coming soon

Migration

Notes coming soon

Version 6.3.0 - Proxima Centauri b

Foundation 6.3 contains new features, reworked old features, and more bugfixes than you can shake a stick at! Foundation is now EVEN MORE accessible out of the box, with a default color palette that meets AA contrast requirements, better keyboard navigation, and a slew of other improvements.

Migration Notes:

• If you're using the ZURB template, check out this pull request to see the changes you'll want to make to update: https://github.com/zurb/foundation-zurb-template/pull/49/files
• Flex Videos are now Responsive Embeds. Old classes and mixin names are now deprecated. Check out #8765
• Accordion Items now MUST be labeled with data-accordion-item, they are no longer inferred from li elements. Check out #9178
• The dist directory structure has changed. CSS files now live in dist/css, JS files in dist/js. Check out #9078
• The default color palette has changed to be meet AA contrast requirements. This has changed both defaults and a number scss variables and functions. Check out #9319 (comment)
• In order to facilitate vertical rhythm layouts, the old $header-sizes map has been replaced with a more general $header-styles map. $header-styles map not only allows to set the font-size, but also line-height, margin-top and margin-bottom per header size and breakpoint. $header-sizes still works, however, it is going to be depreciated. If $header-sizes is present in your _settings.scss it overrides any $header-styles map. Check out #9419
• Some older flex based mixins (flex-grid-order, flex-grid-row-align, flex-grid-column-align) and classes (.align-column/.align-row), that had been deprecated are now removed, along with a few old variables that are no longer relevant. Check out #9437

New Components:

• Cards - see #9215
• Responsive Accordion Tabs - see #8774

Super cool enhancements:

• Completely reworked Off Canvas - see #9357
• Mutation Observers! (components like tabs and equalizer automatically adjusting when their content changes) - see #9126 and #9320
• Vertical Rhythm Support - see #9419
• Improved Print Style Control - see #9304
• Autoresizing Drilldowns - see #8699
• Deep linking to tabs - see #9242 and #9407
• Flexbox Helpers - see #9324

Contributors

• Aaron Arney (@ocularrhythm)
• Abdullah Salem (@abdullahsalem)
• Alec Joy (@ajoy39)
• Andy Cochran (@andycochran)
• Andy Hebrank (@ahebrank)
• Arian Xhezairi (@xhezairi)
• Brett Mason (@brettsmason)
• Brian Tan (@briantan888)
• Colin Marshall (@colin-marshall)
• Corey Snyder (@coreysyms)
• Daniel Schuba (@DaSchTour)
• David Ball (@drball)
• David Reese (@whatcould)
• Dominik Pieper
• Jens Köhler (@designerno1)
• John Wei
• Karl Anders (@karland)
• Kevin Ball (@kball)
• Leslie Doherty (@lesliedoherty)
• Maks Feltrin (@pine3ree)
• Marcelo Luz (@Lindsor)
• Marius Olbertz (@Owlbertz)
• Matt Ferderer (@mattferderer)
• Michael Manhire (@MichaelManhire)
• Milos (@milose)
• Nicolas Coden (@ncoden)
• Paul Bailey (@spacepants)
• Quy (@Quy)
• Rafi Benkual (@rafibomb)
• Raymond Perez (@rspraymond)
• Rawikitua Isherwood (@rawiki)
• Sébastien Gravier (@IllusionPerdu)
• Seth M Kane (@sethkane)
• Shawn (@simshaun)
• Sujayjaju (@sujayjaju)
• Vinicius Tadeu (@tadeusrox)
• Webdevan (@webdevan)

Proxima Centauri b

A recently discovered Earth-sized planet, rotating around the star closest to our sun, Proxima Centauri b "would be the most natural location to where our civilization could aspire to move after the sun will die, five billion years from now" - Avi Loeb, Harvard-Smithsonian Center for Astrophysics

(Artists rendition courtesy of http://news.nationalgeographic.com/2016/08/earth-mass-planet-proxima-centauri-habitable-space-science/)