获取指南针混合使用Rails

时间:2012-10-04 10:06:40

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

我正试图从colorzilla's handy gradient editor获得scss渐变效果。将scss代码添加到assets / stylesheets / header.css.scss:

时出错
  

未定义的mixin'filder-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。加载   路径:   萨斯::导轨::进口商(/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一起使用?

2 个答案:

答案 0 :(得分:2)

非常恼火,浪费了时间。我只需要重新启动Web服务器!

答案 1 :(得分:0)

我发布这个答案是为了防止有人遇到像我使用指南针0.12.2那样的类似问题。在.scss文件中包含以下内容:

@import "compass";