未定义的混合物与波旁威士忌和纯净的宝石

Question

我正在使用波本威士忌和整洁的宝石来创建一个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);
}
}

有人可以给我一些建议吗？

Answer 1

我遇到了同样的问题.我能够以两种不同的方式使它工作.

第一种方式可能不太理想,但您可以在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