使用指南針的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 「基礎」

是默認的。