嗨,我正在开发一个新的 Rails 应用程序,我刚开始使用 Foundation。
我使用
rails g 基础:安装
一切都按预期工作(我的意思是我可以在我的源代码中看到 css,以及它的视觉效果;p)
我只是不明白如何覆盖 Zurb Foundation 的默认属性......
我在网上看到我应该编辑一些foundation.css或app.css,但我的应用程序文件夹中似乎没有任何类似的文件......
我通过编辑 gemfile 然后进行捆绑安装来完成安装。
干杯
嗨,我正在开发一个新的 Rails 应用程序,我刚开始使用 Foundation。
我使用
rails g 基础:安装
一切都按预期工作(我的意思是我可以在我的源代码中看到 css,以及它的视觉效果;p)
我只是不明白如何覆盖 Zurb Foundation 的默认属性......
我在网上看到我应该编辑一些foundation.css或app.css,但我的应用程序文件夹中似乎没有任何类似的文件......
我通过编辑 gemfile 然后进行捆绑安装来完成安装。
干杯
是的,如果您在app/assets/stylesheets/application.css
但最好是在app/assets/stylesheets/foundation_and_overrides.scss
,
同样在文件的顶部,有一堆注释行,通过这些行您还可以修改一些属性!
选项 1:由于您是通过 bundler 安装的(假设您使用了类似的东西gem 'zurb-foundation'
),因此您将没有任何可以直接编辑的文件。app/assets/stylesheets/application.css
您可以通过在目录中编辑或添加新文件来像往常一样覆盖和设置样式。我建议您这样做而不是修改 Zurb,这样您就可以在将来继续获得能够升级到更新版本的 Zurb 的好处,而不会处理混乱。
选项 2:如果您觉得您需要对自定义进行更多控制并且您不担心上述陷阱,您可以克隆/下载Foundation-rails并将文件复制vendor/assets
到您自己的同名 Rails 目录中。zurb-foundation
从您的 Gemfile 中删除,重新捆绑,您应该能够直接在您自己的项目中修改资产。
选项 3:查看Foundation-sass并尝试使用 Compass。我没有深入研究它,但您应该通过 mixins 进行一些自定义。