在yeoman / grunt上使用新的zurb Foundation 6

西古玛格瓦

我正在尝试将zurb-foundation 6纳入yeoman生成的项目中。使用bower install foundation-sites --save添加以下文件:

  1. 在app / index.html<script src="bower_components/what-input/what-input.js"></script>
  2. 在app / styles / main.scss上 @import "foundation-sites/scss/foundation.scss";

生成的main.css不包含zurb-foundation的所有代码。

  • 如何从基础将所有必需的文件添加到main.css中?
  • 如何初始化基础到站点?

以上应该使用grunt或gulp完成,因此我不必为每个项目手动编写代码。

托马斯·罗兹姆斯(Tomasz Rozmus)

你应该@import foundation-sites/foundation-sites.scss代替@import "foundation-sites/scss/foundation.scss";

或者

@import foundation-sites/scss/foundation.scss并添加@include foundation-everything;到您的main.scss文件中。

检查此内容以获得进一步的解释:Gulp-sass无法正确编译Foundation 6

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Yeoman升级Angular

来自分类Dev

Zurb Foundation:介质上的Topbar菜单按钮

来自分类Dev

将Foundation SCSS与Yeoman角度生成器一起使用

来自分类Dev

在Grunt(Yeoman)中禁用缩小

来自分类Dev

Zurb Foundation 6 Reveal不起作用

来自分类Dev

Zurb Foundation 6,what-input.min.js文件功能

来自分类Dev

显示幻灯片编号orbit.js Foundation 6 zurb

来自分类Dev

Foundation 5顶栏,带有Foundation 6上的中心徽标构建块

来自分类Dev

NavBar徽标未出现在Foundation 6 dist上

来自分类Dev

Zurb Foundation 6原色变量

来自分类Dev

Zurb Foundation 6无法在Codeigniter上工作

来自分类Dev

Zurb Foundation 6使用网格-列-行混合

来自分类Dev

Angular.js,Yeoman,Grunt

来自分类Dev

ZURB Foundation 6 Panini #ifpage无法正常工作

来自分类Dev

Yeoman:使用Yeoman创建新支架时出错

来自分类Dev

使用Foundation 6的自定义交换查询

来自分类Dev

Zurb Foundation 6-更改重点的文本区域背景

来自分类Dev

Zurb Foundation顶栏上的中心元素

来自分类Dev

Zurb Foundation 6:手风琴菜单打开时触发事件吗?

来自分类Dev

Zurb Foundation 6增加画布的大小使其在加载时可见

来自分类Dev

移动设备上的Zurb Foundation 4

来自分类Dev

在Yeoman / Grunt中使用Sudo

来自分类Dev

ZURB Foundation 6的要求

来自分类Dev

yeoman中的ES6 JavaScript

来自分类Dev

Angular.js,Yeoman,Grunt

来自分类Dev

如何使用 ZURB Foundation 6 折叠所有打开的手风琴

来自分类Dev

Zurb Foundation 6 - 轨道不起作用

来自分类Dev

在 Django 项目中使用 Zurb Foundation 6 javascript

来自分类Dev

最新版本的 NodeJS,受 Zurb Foundation 6 (v6.4.3) 支持吗?