Skip to content

Version 2.2.0 — Bismarck

Compare
Choose a tag to compare
@rafibomb rafibomb released this 30 Jun 17:37
· 395 commits to develop since this release

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 - foundation/inky#33
  • Rails version of Foundation for Emails!
  • Buttons can now have target attributes - foundation/inky#42
  • You can now vertically align content in columns and Source order - HTML attributes can now be passed to row’s and columns - foundation/inky#45
  • Spacer height can now be controlled by media query in HTML - foundation/inky#36 Thanks to @ethanmay
  • Added data-attribute no-expander to to disable the .expander - foundation/inky#29
  • Preheader is now a typography feature and supported in ZURB Stack - cd44785
  • Menu items can now have target attributes - foundation/inky#54 fixes #465
  • <raw> Inky tag to ignore parsing handlebars and other things that should not be changed - foundation/inky#28
  • Buttons can now expand on the small breakpoint only - 92528bf
  • Radius class for container - 17b8905
  • Adds .small-expanded image class to make images 100% width on small

Bug fixes

If you're into seeing all the commits, you'll find them here: 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.

*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.

image