Foundation v6.3.0-rc1 发布，Web 的 UI 框架

Foundation v6.3.0-rc1 发布了。Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。

安装

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

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

迁移注释:

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-sizesstill 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

新组件

增强

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