zurb-foundation

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

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

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

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?

问题 我正在使用带有 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?

问题 我在我的项目中使用了 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 文档上制作画布菜单的指南,并且它可以工作。 这部分没问题。 现在,当我单击某个链接菜单时,它会停留在那里,我希望它关闭。 有谁知道如何解决这个问题。 我找到了应该可以解决问题的片段,但是在我应用这个 JS 后我的菜单停止显示。 其他人报告同样的问题。 $(document).foundation({ offcanvas : { open_method: 'move', // Sets method in which offcanvas opens, can

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