Web UI 框架，Foundation 6.0.6 發布

jopen 10年前發布 | 6K 次閱讀 Foundation

Foundation 是一個易用、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等等。

Foundation 6.0.6 發布，更新如下：

總體

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

    </li>

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

    </li>

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

    </li>

  • CSS downloads of Foundation now include a version number at the top of foundation.css, as a handy reference.

    </li> </ul>

    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.

    • Changed $button-margin to 0 0 $global-margin 0 from 0 $global-margin $global-margin 0.

      </li>

    • Changed $topbar-background to $light-gray from #eee.

      </li>

    • Changed $topbar-link-color to $primary-color from #fff.

      </li> </ul>

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

      Style 變更

      • Button: removed the right margin on buttons.

        </li>

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

        </li> </ul>

        Bug 修復

        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

          </li>

        • Top Bar: switched link color from white to $primary-color.

          </li>

        • Media Object: removed the Sass & that snuck its way into the CSS output.

          </li>

        • Grid: fixed a misalignment issue when a column row is nested inside of a row.

          </li>

        • Input Group: fix border radii not being applied properly, specifically in conjunction with the $global-radius variable.

          </li> </ul>

          JavaScript

          • General: if a plugin fails to initialize, the JavaScript error is caught, allowing other plugins to be initialized. #7356

            </li>

          • Drilldown: fix back button not working when custom markup is used. #7360

            </li>

          • Toggler: prevent certain config data attributes being overwritten on initialization.

            </li>

          • Reveal: prevent double overlays from appearing.

            </li>

          • Reveal: fixed the modal appearing below the overlay in iOS. #7415

            </li>

          • Dropdown: prevent the page from scrolling when the space bar is pressed while a form field inside the dropdown is focused. #7416

            </li>

          • Accordion Menu: prevent animation bugs if the menu is toggled up and down really fast. #7418

            </li>

          • Slider: prevent issues when the decimal option is 0. #7461

            </li>

          • Accordion: can now be used with any element, not just <ul> and <li>. #7469

            </li>

          • Responsive Menu: prevent a flash of unstyled content before the JavaScript has initialized.

            </li> </ul>

            下載頁面：6.0.6

            來自：http://www.oschina.net/news/69054/foundation-6-0-6

             本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
             轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
             本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
              本文地址：http://www.baiduhome.net/news/view/112dc56