使用Compass的Foundation 5的SASS / CSS问题

安德鲁·大卫·坦纳

我对Foundation 5推荐的SASS安装有问题。

http://foundation.zurb.com/docs/sass.html

我仅在一周左右的时间里就遵循了简短的教程,并且没有任何问题。一切似乎运行正常,看起来还不错。

在接下来的几天中,我正在对我正在从事的项目进行修改,但仅将更改(CSS)放入custom.css文件中。在进入SASS之前,我想确保我的客户对我的设计感到满意。

今天晚上,我来对SASS进行更改。compass watch在进行任何更改之前我就跑了,然后立即被我遇到:

write stylesheets/app.css

index.html尽管没有进行任何更改,但这完全弄糟了我app.css文件仅是原始大小的一小部分(〜750行与〜8,500行),因此该页面几乎以原始HTML的形式加载,没有有用的CSS-body例如,甚至没有任何样式提示

决定从头开始重新安装后,我仍然感觉更好,并遇到了几乎相同的问题。

根据基金会的说法:

app.scss在这里您可以确定项目中的样式默认情况下,所有Foundation都是导入的,但是您可以禁用并选择要导入的特定组件,或者在此处添加自定义Sass。

当我第一次安装Foundation时,它都是作为为我加载的默认样式导入的index.htmlZurb的描述是这样行事的。现在,它似乎只能获取一些默认样式,而不是整个样式,而且我无法一生找出原因。

更新:一位朋友克隆了我的存储库,没有任何问题。我做过同样的事情,再次遇到了同样的问题-必须与我的环境有关。

进一步更新: compass watch仅编译两个Foundation文件,_icon-bar.scss_visibility.scss即使在这些文件中,这似乎也完全拉扯了任意行,因此它们中的某些内容也不正确。它不会从其他任何地方拉东西。以下答案的注释中有几个pastebin链接。

我将不胜感激。

感谢您抽出宝贵的时间阅读。

布莱恩·埃尔南德斯(Brian Hernandez)

我只是在学习使用Sass的Foundation 5,但是您的问题和CSS输出正在寻找我的编译方式,有很多注释,而没有CSS插入HTML。

基金会论坛上的这个话题确实对我有所帮助。好像最新的Sass和Compass无法正常工作??不确定细节,但Szabesz建议卸载最新的Sass和Compass并安装稍旧的建议是可行的:

to uninstall:
sudo gem uninstall compass 1.0.0
sudo gem uninstall sass 3.4.0

to reinstall old versions:
sudo gem install sass --version 3.2.9
sudo gem install compass --version 0.12.7

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章