波旁威士忌找不到字体-脸混合(Rails 3.2.2)

Question

在瑞安·贝茨（Ryan Bates）对波旁威士忌的截屏视频之后，我有我的application.css.scss文件是这样的：

@import "bourbon";
@import "main";
@import "events";
..etc.

在我的main.css.scss样式表中一切正常，我可以完美地使用 mixin @include transition()，但是当我尝试使用 @include font-face 时，我的 Rails 应用程序中出现Undefined mixin 'font-face'.错误。

确切的代码行是

@include font-face(HN, '/helveticaneue', normal, $asset-pipeline: true);

我已经尝试过没有normal，只是'helveticaneue'（没有斜杠）。该文件存在且未损坏，因为使用 CSS @font-face有效。

根据这个波旁威士忌问题，我有

gem 'bourbon', :git => 'git://github.com/thoughtbot/bourbon.git', :ref => 'f93cf9e'

在我的宝石文件中。

为什么波旁威士忌不拿起混合酒？

Answer 1

我已经为我解决了这个问题。如果包含波旁威士忌，则所有 css 文件都必须是 .scss 或 .sass 文件，否则您将处理此不相关的错误。如果你有一些不是scss或sass的css文件，你必须在scss（或sass）中重命名它们。