如何使用rails 3.1覆盖Zurb Foundation css属性？

Question

嗨,我正在开发一个新的rails应用程序,我刚开始使用基金会.

我做了安装使用

rails g foundation:安装

一切都按照预期工作(我的意思是我可以在我的源代码中看到css,以及它的视觉效果; p)

我只是不明白如何覆盖Zurb Foundation的默认属性......

我在网上看到我应该编辑一些foundation.css或app.css但这里似乎不是我的Application文件夹中的任何文件....

我通过编辑gemfile然后进行捆绑安装来完成安装.

干杯

Answer 1

是的,如果你做了你的覆盖,它是有效的 app/assets/stylesheets/application.css

但如果你这样做会更好app/assets/stylesheets/foundation_and_overrides.scss,

也在文件的顶部,有一堆行评论,你可以修改这些行的一些属性!

Answer 2

选项1:由于您通过bundler安装它(假设您使用了类似的东西gem 'zurb-foundation'),因此您将无法直接编辑任何文件.您可以像往常一样通过app/assets/stylesheets/application.css在目录中编辑或添加新文件来覆盖和设置样式.我推荐这个,而不是修改Zurb,这样你就可以继续获得将来能够升级到Zurb的新版本而不会造成混乱的好处.

选项2:如果您觉得需要更多地控制自定义并且不担心上述陷阱,可以克隆/下载foundation-rails并将文件复制vendor/assets到您自己的同名Rails目录中.zurb-foundation从您的Gemfile中删除,重新绑定,您应该能够直接在您自己的项目中修改资产.

选项3:检查基础 -并尝试指南针.我没有多看,但你应该通过mixin进行一些定制.