css - コンパス フィルター mixin の使用方法

Question

SCSSでこの方法でフィルターミックスインを使用しようとしています:

a {
  @include filter(grayscale(100%));
}

しかし、コンパイルすると、次のエラーが発生しました。

Undefined mixin 'filter'.

RailsフレームワークでこのGemの最新バージョンを使用しています。

http://compass-style.org/reference/compass/css3/filter/

Answer 1

SASS の例

@import 'compass/css3/filter'

.filtered
  @include filter(grayscale(50%))
  @include filter(blur(2px))

Answer 2

Compass のドキュメントによると、このファイル@import "compass/css3/filter"は sass ファイルの先頭で以下を使用してインポートできます。

そして、sassファイルで次のように使用できます

filter($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10)