Foundation 5 off-canvas 菜单最小代码？

Question

我想避免将整个 Foundation 库添加到我的站点以获取一个功能——关闭-canvas 菜单。有谁知道如何获得提供菜单功能所需的必要 js 和 css？

Answer 1

其实你可以！我使用默认的 foundation_settings.sass 文件 (github repo)，如果需要我会在其中覆盖样式，并且在它的底部而不是包括整个基础，我包括单独的模块。

也许您有一个 app.sass 文件用于导入 foundation，但两者的原理都是一样的。

例如：

// @import 'foundation'; <-- nope
@import "foundation/components/global";
@import "foundation/components/grid";
// @import "foundation/components/visibility";
@import "foundation/components/block-grid";
// @import "foundation/components/type";
// @import "foundation/components/buttons";
@import "foundation/components/forms";
// @import "foundation/components/custom-forms";
// @import "foundation/components/button-groups";
// @import "foundation/components/dropdown-buttons"
...

您还可以在 Foundatoin 文档中阅读相关内容 here。

Foundation 5 off-canvas 菜单最小代码？

Foundation 5 off-canvas menu minimum code?

javascript

css

zurb-foundation-5