Question

几天前用Sass安装了Foundation 5。但是，之后：

基础新test_grid
cd test_grid
指南针观看

文件，由watch创建的目录......

打开index.html并且没有样式。（我也尝试过罗盘编译＆＃39;罗盘手表＆＃39;但没有变化。

指南针使用的config.rb显示：

add_import_path "bower_components/foundation/scss"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"

app.scss显示：

@import "settings";
@import "foundation";

查看stylesheets / app.css似乎还没有导入foundation.css文件。

有关进展情况的任何想法？可能是一个全新的问题......把头撞在墙上，用谷歌搜索着令人作呕的事。

基于一个建议，我重新安装指南针，但仍然得到相同。看着指南针似乎没问题：

emily@emily:~/sites/test_grids(master*)$ compass watch
>>> Compass is watching for changes. Press Ctrl-C to Stop.
directory stylesheets
write stylesheets/app.css

当我修改bower_components / foundation / scss / foundation.scss（插入p {font-size：10rem;}时，它显示：

modified bower_components/foundation/scss/foundation.scss
write stylesheets/app.css

刷新的index.html字体大小会更改，但同样没有基础CSS样式。

Answer 1

我也遇到了这个问题，并在这里找到答案：

https://stackoverflow.com/a/25560150/3990944

最近的萨斯和指南针不兼容。尝试卸载并安装旧版本。为我工作。详细信息在上面的帖子中。

Answer 2

您希望在_settings.scss或app.scss中进行更改，而不是在Bower组件中进行更改。请参阅此处的文件说明：

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

如何使用 http://foundation.zurb.com/docs/using-sass.html

Answer 3

试试这个：

sudo gem uninstall compass 1.0.0

sudo gem uninstall sass 3.4.0

sudo gem install sass --version 3.2.9

sudo gem install compass --version 0.12.7

这种方法对我有用

使用指南针 - CSS样式不应用foundation.css

3 个答案: