colorzillaの便利なグラデーションエディタからscssグラデーションを機能させようとしています。そのscssコードをassets/stylesheets / header.css.scssに追加すると、エラーが発生します。
未定義のミックスイン'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にコンパスレールを追加する必要がありました。
group :assets do
gem 'sass-rails'
gem 'coffee-rails'
gem 'compass-rails'
gem 'uglifier'
end
これらの線形グラデーションをscssとrailsで機能させるにはどうすればよいですか?