Compass filter mixinの使い方は？

Question

私はSCSSでフィルターミックスインをこの方法を使用しようとしている：

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

しかし、私は、コンパイル時に、私はこのエラーを得た：

Undefined mixin 'filter'. 

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

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

Answer 1

Compass documentationによると、このファイルは使用してインポートすることができます：@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) 

Answer 2

SASS例

@import 'compass/css3/filter' 

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

Answer 3

として使用することができます。複数のフィルタを使用するには

は、（すべてのフィルタの内側に置く）コンマ

@import 'compass/css3/filter' 

// multiple calls like this: 
.filtered { 
    @include filter(blur(4px) brightness(1.3) saturate(1.5)); 
}