Foundation for Emails Files

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 <columns> 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
• Fixes docs code indentation - https://github.com/zurb/foundation-emails/commit/3a8f77a7596cb76d1eba30e886018f8933705d65
• 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
• Moved global-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

Check out the committed changes.

Contributors

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.