Sass 设置变更
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.
Added $dropdownmenu-arrow-color: $anchor-color
Added $accordionmenu-arrow-color: $anchor-color
Added $drilldown-arrow-color: $anchor-color
Changed $select-background: $white
Removed $rem-base
特性
Responsive gutters! Grid gutters are now responsive. On small screens, the gutter is 24px. On the large breakpoint and up, the gutter is 30px.
Abide actually works! Our awesome community stepped up and helped us overhaul Abide, fixing many, many issues that shipped in 6.0. Thanks to @briantan888, @designerno1, @semikolon, @viniciusban, and others.
Equalizer is way faster! We significantly refactored Equalizer to improve performance when the window is resized and better handle nested uses of the plugin.
Along with this, a new plugin option was added, equalizeOn. Pass in the name of a breakpoint to have Equalizer kick in on that specific breakpoint or wider.
And one more thing! The option equalizeByRow allows you to equalize columns within a row, even as they wrap into separate lines.
Added mixins for flex grid row and column alignment.
flex-grid-row-align()
flex-grid-column-align()
Added mixins for tabs, so you can write your own class structure with our styles.
tabs-container()
tabs-container-vertical()
tabs-title()
tabs-content()
tabs-content-vertical()
tabs-panel()
The dist/ folder of the npm/Bower packages now include alternative compiled CSS file with the Flex Grid enabled, called foundation-flex.css and foundation-flex.min.css.
Added the settings file back to the npm/Bower packages. We removed it at first because we didn't want developers trying to edit and import it directly. However, we added it back after some developers told us that it's useful to be able to copy the file out of the package. We also need it there to get our Rails gem working.
Added a $gutter parameter to the grid-row() and flex-grid-row() mixins. In light of responsive gutters being added, when this parameter is null, the responsive gutter logic is used.
Added features to the flex grid borrowed from the float grid: .expanded class, offsets, and responsive collapsing.
The CSS for the flex grid was streamlined to use less @media blocks.
As clever as quantity queries are, it turns out display: table-cell does the job just as well. The CSS for expanded buttons and button groups is now much slimmer. #7326
Interchange will automatically initialize Foundation plugins inside of replaced HTML.
Added a .destroy() method to off-canvas.
Bug 修复
Many fixes for Abide:
Validation failing with
Form not submitting even when valid
The Abide.validateForm() method doesn't fire an event
Hidden inputs are validated
Empty