使用Foundation SCSS和Yeoman角度发生器

时间:2014-09-06 17:59:04

标签: sass zurb-foundation yeoman

我已经通过Bower安装了Foundation,我可以通过在bower.json中将它设置为main来使用默认的foundation.css,然后它会自动包含在html中。所以,现在我想主题我的基金会的东西,但我不知道如何用指南针和咕噜声和所有这些做scss的东西。我该如何做到这一点?

能够只用罗盘和所有这些来完成基础工作会很好。

非常感谢帮助!

编辑: 我将此添加到基础包中的bower.json:

"main": [
"scss/foundation.scss"
],

然后grunt添加了bower scss导入,我手动添加了我的设置文件。我在main.scss中有以下内容:

@import "foundation/settings";
// bower:scss
@import "foundation/scss/foundation.scss";
// endbower

我正在导入设置文件和foundation.scss文件但没有错误,但我根本看不到屏幕上的任何样式。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这与新版Sass和Foundation的漏洞有关。要解决我必须做的事情:

bower uninstall foundation

然后手动进入项目根目录中的bower.json并告诉它我想要基础5.4.3如下: "foundation": "zurb/bower-foundation#~5.4.3"

然后只需执行bower cache cleanbower install即可再次使用。