让指南针混合组件与 Rails 一起工作答案

【问题标题】：Getting compass mix-ins to work with Rails让指南针混合组件与 Rails 一起工作
【发布时间】：2012-09-25 08:26:01
【问题描述】：

我正在尝试让 scss 渐变从 colorzilla's handy gradient editor 开始工作。将该 scss 代码添加到 assets/stylesheets/header.css.scss 时出现错误：

未定义的 mixin 'filter-gradient'。（在 /Users/me/code/app/assets/stylesheets/header.css.scss)

所以我将@import "compass/css3/images"; 添加到我的 header.css.scss 文件中：

@import "compass/css3/images";

header address {
  background-color: #c9de96;
  @include filter-gradient(#c9de96, #398235, vertical);
  $experimental-support-for-svg: true;
  @include background-image(linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%));
}

现在我收到此错误：

找不到或无法读取要导入的文件：compass/css3/images。加载小路： Sass::Rails::Importer(/Users/me/code/app/assets/stylesheets/header.css.scss) （在 /Users/me/code/app/assets/stylesheets/header.css.scss）

我必须在我的 Gemfile 中添加 compass-rails：

group :assets do
  gem 'sass-rails'
  gem 'coffee-rails'
  gem 'compass-rails'
  gem 'uglifier'
end

如何让这些线性渐变与 scss 和 rails 一起使用？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2 compass-sass sass

【解决方案1】：

我发布此答案以防有人遇到与我使用 compass 0.12.2 类似的问题。在您的 .scss 文件中包含以下内容：

@import "compass";

【讨论】：

【解决方案2】：

很生气在这上面浪费时间。我只需要重启网络服务器！

【讨论】：

正是我的问题。感谢您跟进您自己的答案。