1

我正在尝试在 Zurb Foundation Framework 的帮助下重写我们商店的前端，可悲的是，我遇到了很多问题。

我在我的 gemfile 中包含了“zurb-foundation” gem，并在 assets/store 目录中的 all.js 和 all.css 中添加了以下内容

资产/样式表/商店/all.css

*= require foundation
@import 'foundation';

资产/javascripts/store/all.js

//= require foundation
(document).foundation();

到目前为止，我可以使用 zurb 文档中描述的类——而且，框架中包含的不同项目（Topbar、Orbit 等）运行良好。

可悲的是，我遇到了这个问题，我无法覆盖变量。我在 stylesheets/store 目录中创建了一个文件“custom_variables.css.scss”来处理这些问题 - 但是如果我在那里覆盖它们，它们似乎不会生效。

4

1 回答 1

4

不知道为什么这不包含在 Rails 版本中。您可以添加由 Compass 自动创建的文件，名为_settings.scss

您可以从 github 下载该文件：

settings.scss 的 Github 文件

并将其放在您的app/assets/stylesheets

然后将以下行添加到您的foundation_and_overrides.scss上面@import 'foundation';

@import '设置';

它现在应该是这样的：

// Settings file to override Foundation variables

// You can find the variables for each component at the bottom of their
// doc page. We tried to name them to where they'd make sense just by reading them.
// Go to http://foundation.zurb.com/docs/ to find what you need.

@import 'settings'
@import 'foundation';

现在您可以取消注释您想要更改的内容，而不是尝试覆盖样式。这就是 Compass 默认情况下的工作方式。@import 'foundation';我认为关键是在调用之前更改 sass 变量。否则，您只是在写出所有用于基础的 css 后更改变量。

使用 Foundation 4.0.8 对我来说效果很好。

于 2013-03-19T02:30:15.293 回答