css - Bourbon 找不到字体混合(Rails 3.2.2)

Question

正在关注 Ryan Bates' screencast on Bourbon ，我有这样的 application.css.scss 文件:

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

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

准确的代码行是

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

我试过不使用 normal 而只使用 'helveticaneue'(没有斜线)。该文件存在且未损坏，因为使用 CSS @font-face 有效。

根据 this Bourbon issue我有

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

在我的 Gemfile 中。

为什么 Bourbon 不采用 mixin？

Answer 1

我已经为我解决了这个问题。如果你包含 bourbon，所有的 css 文件必须是 .scss 或 .sass 文件，否则你会得到这个不相关的错误。如果你有一些 css 文件，它们不是 scss 或 sass，你必须在 scss(或 sass)中重命名它们。