zurb-foundation

How can I specify the gulpfile to use?

阅读更多关于 How can I specify the gulpfile to use?

问题因此，我正在处理的这个站点中有两个 gulpfile，一个用于整个项目，它只监视和编译 sass，另一个位于 Foundation Emails 项目中，该项目保存在项目的子目录中。当我尝试在此 Foundation 子目录中运行任何脚本或 gulp 任务时，它会运行外部 gulpfile 的默认任务。我怎样才能做到这一点，以便当我在子目录中时它只使用那个 gulpfile？最外层的 gulpfile： var gulp = require('gulp'); var sass = require('gulp-sass'); var watch = require('gulp

更多相关内容:请点击查看

Sass error on compilation NoMethodError: undefined method `count' for nil:NilClass Use --trace for backtrace

阅读更多关于 Sass error on compilation NoMethodError: undefined method `count' for nil:NilClass Use --trace for backtrace

问题突然在做一个项目时，出现了以下错误。如何解决执行时出现的以下错误： sass --watch foundation.scss:../css/foundation.css --line-numbers 错误： NoMethodError: undefined method `count' for nil:NilClass Use --trace for backtrace. Sass 编译一直工作到大约一分钟前回答1

更多相关内容:请点击查看

Same print CSS as screen

阅读更多关于 Same print CSS as screen

问题似乎真的应该有一个简单的解决方案，但到目前为止我一直没有找到一个。我正在使用 Zurb Foundation，我基本上是在创建一个实时表单，它从表单（上图）中获取输入，并使用 angular.js 填写内容（下图）。然后用户将页面打印为 PDF。我想保持下面内容的布局，并且我想在打印时隐藏上面的表单。 Zurb 有一个很好的“hide-for-print”css 规则，当应用于上面的表单时，它看起来应该可以正常工作，但是当我切换打印样式表时，它基本上会剥离所有 CSS 并返回到丑陋的状态。建议？回答1 我在这些类型的情况下所做的是为print.css使用单独的文件。 <link

更多相关内容:请点击查看

Pass timeout to Foundation 6 loading

阅读更多关于 Pass timeout to Foundation 6 loading

问题我正在使用 Angular2 和 Foundation 6 来创建 webapp。我自己从 Foundation .scss文件生成脚本和样式。这是我的index.html <html> <head> <title>MyApp</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"><

更多相关内容:请点击查看

In Zurb Foundation 5.5.3 to what size(s) do I resize JPEGs such as 5472x3080 to take up the whole 12 columns or less using Interchange?

阅读更多关于 In Zurb Foundation 5.5.3 to what size(s) do I resize JPEGs such as 5472x3080 to take up the whole 12 columns or less using Interchange?

问题我正在使用带有 CSS 的 Zurb Foundation 5.5.3（并且不希望使用 SASS）。我正在运行 Windows XP，如果需要的话，还有 Windows 7。我从相机中有以下 wxh 尺寸的 JPEG 图像： 5472x3080 5312x2988 5435x3750 5760x3840 5750x3501 6016x4016 4320x3240 及更多尺寸.... 我应该调整这些内容图像的宽度和高度以获得更好的页面加载速度（我在 https://www.dropbox.com/s/343u2ksehlbcete/Screenshot%202016-05-20

更多相关内容:请点击查看

How to add JavaScript just for one specific page?

阅读更多关于 How to add JavaScript just for one specific page?

问题我在我的项目中使用了 Zurb Foundation，非常方便。但是我很困惑，当该页面加载时，如何添加我自己的 JavaScript 仅用于特定页面的 DOM。我在页面的部分中使用了第三方图表库，我必须使用一些 JavaScript 初始化图表容器。这些 JavaScript 无法组合到最终的app.js中，因为其他页面不包含图表容器div 。那么有人可以给我一些建议吗？编辑：以下是我的项目结构。 src/ ├── assets │ ├── img │ │ └── x.jpg │ ├── js │ │ ├── app.js │ │ ├── draw.js │ │ └─�

更多相关内容:请点击查看

Foundation 6 Off-canvas menu auto-close after click

阅读更多关于 Foundation 6 Off-canvas menu auto-close after click

问题我一直在寻找如何在单击某些菜单项后自动关闭画布菜单，但似乎没有任何效果。因此，我遵循了有关如何在 Foundation 6 文档上制作画布菜单的指南，并且它可以工作。这部分没问题。现在，当我单击某个链接菜单时，它会停留在那里，我希望它关闭。有谁知道如何解决这个问题。我找到了应该可以解决问题的片段，但是在我应用这个 JS 后我的菜单停止显示。其他人报告同样的问题。 $(document).foundation({ offcanvas : { open_method: 'move', // Sets method in which offcanvas opens, can

更多相关内容:请点击查看