Zurb foundation 使用MIXIN与基金会5 我刚刚安装了SASS的基础5，AM使用指南针来观看我的样式表。我想知道添加自定义样式的最佳实践是什么。我已经创建了一个custom.scss文件，正在使用@import“custom”引用它；在我的app.scss文件中

例如，如果我想继续改变身体的背景颜色，我将如何使用mixin来实现这一点。我补充说：

$body背景：红色

到我的custom.scss文件，但正文的背景没有改变。我是否应该编辑_settings.scss文件，这似乎是错误的

知道我做错了什么吗？提前谢谢

这是我的config.rb：

# Require any additional compass plugins here.
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 = "javascripts"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

---

在您的情况下，最好使用以下结构：

app.scss：

@import "custom"; //where you define variables for foundation such as $body-bg: red;
@import "foundation";
@import "other styles";

---

是的，我总是编辑

\u settings.scss

文件，然后使用适当的文件比较（如Araxis Merge或Kaleidoscope在更新时合并到新选项中）。如果我有自定义变量，我会将它们放在设置文件的顶部（这需要在事后影响设置和我的全局内容）。

你能发布你的config.rb吗？我已将我的config.rb添加到上面的原始帖子中。