Skip to content

Version 6.0.6 — Anthe
Compare
Choose a tag to compare
@gakimball gakimball released this 16 Dec 00:52
· 6472 commits to develop since this release
v6.0.6
897a334

General

  • We got a CDN going! The folks at jsDelivr made us a dedicated URL and everything! Head over to foundationcdn.com and you can get CSS and JavaScript CDN links. It's also possible to get links for individual JavaScript plugins.
  • The way Normalize is exported has changed. Before, Normalize.css was automatically printed when calling @import 'foundation'. Now, Normalize is bundled with the foundation-global-styles() mixin. If you're using one of our project templates (or your project's main Sass file is configured similarly), you won't need to change anything to upgrade.
  • Legacy support for Foundation 5 breakpoints has been added. If you're upgrading a project that uses $small-up, $medium-up and so on, those variables are now in the Foundation 6 codebase. They reference the values in the $breakpoints variable, which is how breakpoints are set in Foundation 6. Eventually, you should convert your Sass codebase to use the breakpoint() mixin over these variables, as they will be removed in version 6.2.
  • CSS downloads of Foundation now include a version number at the top of foundation.css, as a handy reference.

Sass Settings Changes

The following changes were made to _settings.scss. All new projects will get these changes automatically. If you're upgrading an existing project, you'll need to change these defaults or add the new variables yourself.

  • Changed $button-margin to 0 0 $global-margin 0 from 0 $global-margin $global-margin 0.
  • Changed $topbar-background to $light-gray from #eee.
  • Changed $topbar-link-color to $primary-color from #fff.

That last one is critical, as a number of developers filed issues about links inside top bar being white.

Style Changes

  • Button: removed the right margin on buttons.
  • Callout: we removed the link tinting feature which gave green callouts green links, red callouts red links, and so on. The foreground/background contrast is way too low, and the CSS conflicts with other components that use <a>, such as buttons.

Bug Fixes

CSS

  • Top Bar: give <input type="button"> elements in a top bar an automatic width, instead of the 200px width prescribed by .top-bar input. #7389
  • Top Bar: switched link color from white to $primary-color.
  • Media Object: removed the Sass & that snuck its way into the CSS output.
  • Grid: fixed a misalignment issue when a column row is nested inside of a row.
  • Input Group: fix border radii not being applied properly, specifically in conjunction with the $global-radius variable.

JavaScript

  • General: if a plugin fails to initialize, the JavaScript error is caught, allowing other plugins to be initialized. #7356
  • Drilldown: fix back button not working when custom markup is used. #7360
  • Toggler: prevent certain config data attributes being overwritten on initialization.
  • Reveal: prevent double overlays from appearing.
  • Reveal: fixed the modal appearing below the overlay in iOS. #7415
  • Dropdown: prevent the page from scrolling when the space bar is pressed while a form field inside the dropdown is focused. #7416
  • Accordion Menu: prevent animation bugs if the menu is toggled up and down really fast. #7418
  • Slider: prevent issues when the decimal option is 0. #7461
  • Accordion: can now be used with any element, not just <ul> and <li>. #7469
  • Responsive Menu: prevent a flash of un-styled content before the JavaScript has initialized.

v6.0.5...v6.0.6

Anthe is a small moon of Saturn, weighing in at a meager 5E12 kilograms. When I typed that number into Wolfram Alpha, I learned that this number is equal to half of all the gold in the ocean here on Earth.

Assets 2