Another deep release, from new implementations, features, and bug fixes.
General
We skipped ahead to 2.2 from 2.1 because there were so many great features jammed into this release!
Running a Ruby environment? Now you can use Foundation for Emails Gem and Inky-rb in your Rails asset pipeline!
Features
Rails version if Inky! Inky.rb - https://github.com/zurb/inky/issues/33
Rails version of Foundation for Emails!
Buttons can now have target attributes - https://github.com/zurb/inky/pull/42
You can now vertically align content in columns and Source order - HTML attributes can now be passed to row’s and columns - https://github.com/zurb/inky/pull/45
Spacer height can now be controlled by media query in HTML - https://github.com/zurb/inky/pull/36 Thanks to @ethanmay
Added data-attribute no-expander to to disable the .expander - https://github.com/zurb/inky/pull/29
Preheader is now a typography feature and supported in ZURB Stack - https://github.com/zurb/foundation-emails/commit/cd44785ae07ef3685124690f6ebeafca046b08d4
Menu items can now have target attributes - https://github.com/zurb/inky/pull/54 fixes #465
<raw> Inky tag to ignore parsing handlebars and other things that should not be changed - https://github.com/zurb/inky/issues/28
Buttons can now expand on the small breakpoint only - https://github.com/zurb/foundation-emails/commit/92528bf261c439b78ddf6842d20569c17f814d60
Radius class for container - https://github.com/zurb/foundation-emails/commit/17b8905bb4e018a4149983f7bd0050a40fe4afb7
Adds .small-expanded image class to make images 100% width on small
Bug fixes
Prevents character encoding in many places - https://github.com/zurb/inky/pull/37
Updates fluid header docs example - https://github.com/zurb/foundation-emails/commit/cc2c8faead5bd42f8a0c566d1564ead19e05da9d
Remove !important on image declaration for small screens - https://github.com/zurb/foundation-emails/commit/a76d810f342df207ffa836d92f91e0deb1ed4273
Fixes incorrect visibility display property on large screens - https://github.com/zurb/foundation-emails/commit/f24fe7304f0b615cf828f0e90b7787a1f7aafc7d
Adds missing warning color to buttons - https://github.com/zurb/foundation-emails/commit/5a1190b4b4684ff5bad23a250ba676fdeb448743
General cleanup of typography SCSS - https://github.com/zurb/foundation-emails/pull/468
Fix img height for visibility classes - https://github.com/zurb/foundation-emails/pull/350
Adds default spacer size if none is specified - https://github.com/zurb/inky/commit/c17a9145f71c6747168f840206439eb3033ffc93
Fixes Babel error message when running project - https://github.com/zurb/foundation-emails-template/commit/82bd6b76ee239d738682e28d91b877b6c40f2542
If you're into seeing all the commits, you'll find them here: https://github.com/zurb/foundation-emails/compare/v2.1.0...v2.2.0
Migration
In order to be able to use Foundation for Sites and Emails together without conflicts, the Foundation for Emails CSS file’s name has changed.
If you are using the CSS version you can make the change below:
Instead of being named foundation.min.css it is now foundation-emails.min.css
Sass Settings Changes
Added$container-radius: 0; variable
Movedglobal-font-color: $black; and $body-font-family: Helvetica, Arial, sans-serif; from global section to typography section
Changed$hr-border: 1px solid $black; to match browser/email client defaults
Changed$body-line-height: $global-line-height; from a hard coded px value
Here are the folks who made this release possible. If you want to contribute, check out our contributing page on the Foundation site, or browse the help wanted issue tag on GitHub.
Karthik K - @imkarthikk
Ethan May - @ethanmay
Marcus Bointon - @Synchro
Antonin Cezard
Krielkip
Some Web Media - @somewebmedia
Hugo Giraudel - @HugoGiraudel
Benjamin - @panyamin
Tom Stock - @tomstock1337
Andrei Brumaru - @AndreiBru
Sankalp Agrawal - @iamsankalp
Ricky Sullivan - @rickysullivan
Brandon Barringer - @brandonbarringer
Marc Solèr
Stephen Rust - @stephenrust
Jay Sitter
Myles Cowper-Coles - @mylescc
Clement Paris - @ClementParis016
Rafal Proszowski
Rafi Benkual - @rafibomb
Kevin Ball - @kball
Tim Hartwick - @tdhartwick
*The Bismarck Sea lies in the southwestern Pacific Ocean to the north of the island of Papua New Guinea and to the south of the Bismarck Archipelago and Admiralty Islands. Like the Bismarck archipelago, it is named in honor of the German chancellor Otto von Bismarck. The Bismarck archipelago extends round to the east and north of the sea, enclosing the Bismarck Sea and separating it from the Pacific Ocean. To the south it is linked to the Solomon Sea by the Vitiaz Strait. It was the site of a major Japanese naval defeat in the Battle of the Bismarck Sea during World War II on 3 and 4 March 1943.
