覆盖供应商scss包括

时间:2012-10-25 15:53:23

标签: ruby-on-rails asset-pipeline sass

我在我的rails app中使用这个gem: https://github.com/thomas-mcdonald/bootstrap-sass/

我想用我自己的方法覆盖response-navbar,它包含在这个文件的最后一行: https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/_bootstrap-responsive.scss

这可能吗?

我已尝试在此位置创建一个空文件:/app/assets/stylesheets/bootstrap/_responsive-navbar.scss,但它不会覆盖bootstrap-sass项目。

1 个答案:

答案 0 :(得分:1)

CSS会覆盖以前的行为,如果它包含在上一个样式之后。换句话说:

h1 {color:blue}
h1 {color:red}

将h1 HTML标记呈现为红色。

要覆盖响应式导航栏,您可以在

之后将更改添加到application.css.scss文件中
*= require_self
*= require_tree .

编译rails应用程序中的所有其他css文件。

对于它的价值,ruby文档建议您“不应该依赖任何特定的顺序”在第一个/第二个css文件编译中(参见 http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives)。这可能表明你的新造型没有出现的原因。