使用指南针的SASS/CSS for Foundation 5问题

Question

我遇到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 在这里，你可以决定花式会在你的项目是什么。 默认情况下，所有基金会都被导入，但您可以取消激活，并且 选择您要导入的特定组件或在此处添加自定义Sass 。

当我第一次安装Foundation时，它全部导入为我的index.html加载的默认样式。这是Zurb如何描述它的行为。现在它似乎只抓住了一些默认的风格，但不是整个事情，我不能为了我的生活找出原因。

更新：一位朋友克隆我的回购，并没有任何问题。我做了同样的事情，再次遇到同样的问题 - 必须与我的环境有关。

进一步更新：compass watch只编译两个基金会的文件，_icon-bar.scss和_visibility.scss。它似乎在这些文件中完全拉动了任意行，所以它们中的某些内容也不对。它不会从其他地方拉东西。在下面的答案的评论中有几个pastebin链接。

我非常感谢任何帮助。

感谢您抽出时间来阅读。

Answer 1

我只是学习基金会5无礼，但您的问题和CSS的输出正在寻找地雷是如何编制出来为好，有很多的意见，并没有CSS被拉入HTML ..

This thread on the Foundation Forums真帮助过我。似乎最新的Sass和Compass工作不正常？不知道的细节，而是从Szabesz建议卸载最新萨斯和指南针和安装略旧的工作：

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 

Answer 2

app.scss中的内容将在app.css中输出为css。

@import “设置” @import “基础”

是默认的。