Come utilizzare il mixin del filtro della bussola?

Question

sto cercando di utilizzare il filtro mixin in questo modo in SCSS:

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

Ma quando compilo, ho ottenuto questo errore:

Undefined mixin 'filter'. 

sto utilizzando la versione più recente di questo gioiello con Quadro di rotaie.

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

Answer 1

Secondo Compass documentation questo file può essere importato utilizzando: @import "compass/css3/filter" nella parte superiore del file di sass.

E poi nel sass file che si può usare come

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

Answer 2

SASS Esempio

@import 'compass/css3/filter' 

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

Answer 3

è necessario importare filtro bussola prima.

Per utilizzare più filtri mettere tutti i filtri all'interno() senza virgole

@import 'compass/css3/filter' 

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