我正试图从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一起使用?
答案 0 :(得分:2)
非常恼火,浪费了时间。我只需要重新启动Web服务器!
答案 1 :(得分:0)
我发布这个答案是为了防止有人遇到像我使用指南针0.12.2那样的类似问题。在.scss文件中包含以下内容:
@import "compass";