我正在使用波本威士忌和整洁的宝石来创建一个rails应用程序的设计.我的application.css.scss包含这个:
@import "bourbon"; @import "neat"; @import "main";
但是,如果我运行’rake assets:precompile’,则会发生以下错误:
rake aborted! Undefined mixin 'outer-container'. (in /Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss) /Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5:in `outer-container' /Users/anonymous/example/app/assets/stylesheets/admin/main.css.scss:5
main.css.scss文件包含:
footer#page_footer { @include outer-container; nav{ @include span-columns(6); @include shift(3); section#about_me_footer,section#contact_footer,section#miscellaneous_footer { @include span-columns(2 of 6); } } p { @include span-columns(6); @include shift(3); } }
有人可以给我一些建议吗?
解决方法
我遇到了同样的问题.我能够以两种不同的方式使它工作.
第一种方式可能不太理想,但您可以在application.css.scss文件中添加您的代码:
div.container { @include outer-container; }
或者,您可以添加:
@import "bourbon"; @import "neat";
到main.css.scss文件的顶部.
这样可以使您的样式井井有条.
波旁网站链接到他们的wiki中有关此问题的页面,但提到的解决方案对我不起作用:
https://github.com/thoughtbot/bourbon/wiki/Rails-Help-%5C-Undefined-mixin