问题标签 [zurb-foundation-6]

我在基金会论坛上问过这个问题，但还没有人能回答。一旦我运行“foundation watch”命令，src/assets/scss/_settings.sccc 文件中的所有变量都会被编译为未注释。

然而，在 ZURB 网站上，它指出：

“要更改设置，请找到您要查找的变量，通过删除行首的斜杠 (//) 取消注释它，然后更改值。取消注释表示您希望更改值，并且还起作用作为一种方便的视觉辅助工具，可以查看您正在覆盖哪些默认值。” - http://foundation.zurb.com/sites/docs/sass.html “

我真的很困惑，因为 ZURB 网站所说的和编译器所做的完全不同。有人有什么想法吗？

谢谢...

我是基础 6 和 SCSS 的新手。我可以在 onclic 上进行许多转换，但我不知道如何在加载页面上激活它。

此代码在 index.html 中

我如何在没有数据切换器但在身体负载的情况下执行motion-ui-transitions？

在我正在工作的文件夹中打开命令提示符。运行“foundation watch”，它给了我这个错误：

[10:19:50] 'build' 在 13 秒后出错 [10:19:50] 插件'run-sequence' 错误消息：任务'clean' 中发生错误。错误：foundation-zurb-template@1.0.0 开始：gulp 在 EventEmitter 退出状态 1。(C:\Users\Dev3\AppData\Roaming\npm\node_modules\foundation-cli\node_modules\npm\lib\utils\lifecycle.js:214:16) 在 EventEmitter 的 emitTwo (events.js:87:13)。在 ChildProcess 发出 (events.js:172:7)。(C:\Users\Dev3\AppData\Roaming\npm\node_modules\foundation-cli\node_modules\npm\lib\utils\spawn.js:24:14) 在 ChildProcess 的 emitTwo (events.js:87:13)。在 Process.ChildProcess._handle.onexit (internal/child_process.js:211:5) 的可能关闭 (internal/child_process.js:818:16) 发出 (events.js:172:7)

如果您阅读ZURB Foundaiton 6 Media Queries的文档，您会发现与 ZURB Foundation 5 相比有一些变化。我对新功能几乎没有疑问，因为我不明白导致变化的原因。

1）breakpointmixin，向下而不是向上

• 这导致从版本 5 迁移到版本 6 的过程很困难。为什么没有选项继续使用向上方向？
• 从上到下改变方向的原因是什么？仍然很常见的是，只有小型设备的样式不同，中型和大型设备使用相同的样式（例如菜单）。再说一次，我不明白为什么没有选项可以在上下关键词之间进行选择。
• 就移动优先设计方法而言，哪个方向更好？这些变化是否以某种方式与此相关？

2）MediaQuery.atLeast功能，方向不一致

• 这个函数告诉你屏幕是否有一些尺寸或大于这个尺寸。breakpoint这与mixin（使用 down 关键字）完全相反。为什么行为不一样，或者为什么我们没有任何选择？

所以我试图在我的 Laravel 项目中引入并编译 Foundation 6，但我似乎从我的 gulpfile.js 中遗漏了一些东西，以便它按预期工作。

首先，我使用

凉亭安装基础站点--保存

没问题。

然后我在我的 gulpfile.js 中有这个

});

（是的，我知道我可以组合复制命令，我会的。）

当我运行 gulp 时，一切看起来都很好。

但是，当我在 HTML 文件中使用生成的 CSS 时，它看起来有点奇怪：

当我更改为时<link rel="stylesheet" href="/css/app.css" type="text/css">，<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/css/foundation.css" type="text/css">一切看起来都很棒：

这让我相信在我的 gulpfile.js 中包含 Sass 文件时我做错了什么。关于如何让我编译的 CSS 匹配分布式版本的任何想法？

更新 #1 这是我目前在我的 gulpfile.js 中的内容，但结果是相同的 - 页面仍然看起来很奇怪。

我目前正在使用新的 Foundation 6 开发一个响应式网站，但我似乎无法通过版本 5 的教程找到如何禁用响应式网格（我需要将其设为客户可选）。

非常感谢。

我正在使用带有 SASS 的 Foundation 6 并且有一个问题。

我想复制_panels.scss文件并进行一些更改，但还要保留标准 _panels.scss 的格式。

我直接复制了一份，将其命名为_panels-foo.scss，并在 Foundation.scss 文件中添加了 @import。

我看到我的包观察程序在 CSS 文件中创建了新条目，但是对 _panels-foo.scss 文件的任何更改都不会更新。仅对_panels.scss的更改会修改 CSS

我做错了什么？

我在 Foundation 6 中做我的第一个项目，但无法让响应式导航正常工作。我从 Foundation 附带的基本页面模板开始（使用 CodeKit 安装 F6），然后我将响应式菜单代码粘贴到此处http://foundation.zurb.com/sites/docs/responsive-navigation.html#响应式切换 ，但在小屏幕尺寸下查看时，会出现“菜单”一词，但单击它什么也不做。

向下钻取响应式菜单也不起作用 - 粘贴在向下钻取菜单代码中（第二个示例，在上面引用的页面上），出现的是一长串链接，没有任何东西被折叠，也没有任何东西滑入。必须有一个缺少脚本，但我进行了三重检查，并且加载了 app.js、foundation.js 和 jquery 脚本。我还缺少什么？

在 Foundation 6 中，有没有办法将小断点中的装订线大小更改为与 settings.scss 中的装订线尺寸不同的东西？现在我已经$grid-column-gutter设置为 90px，但是当站点处于小断点时，我希望该大小变为 30px。最好的方法是什么？

我正在将foundation5升级到foundation6，并且在使用node-sass编译代码时出现以下错误

我在我的节点开发依赖项中运行最新的 node-sass 和 gulp-sass：

• "gulp-sass": "~2.1.1",
• “应该”：“^7.1.0”，
• “节点萨斯”：“〜3.4.2”

谷歌搜索错误返回http://foundation.zurb.com/forum/posts/36717-global-margin-undefined-only-for-buttons

$global-width 定义在bower_components/foundation-sites/scss/_global.scss

$global-width: rem-calc(1200) !default;

非常感谢任何建议。