css - not - ¿Cómo usar el compás filtro mixin?

sass

Question

Estoy tratando de usar la mezcla de filtros de esta manera en SCSS:

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

Pero cuando compilo, me sale este error:

Undefined mixin ''filter''.

Estoy usando la última versión de este marco Gem with Rails.

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

Answer 1

De acuerdo con la http://compass-style.org/reference/compass/css3/filter/ este archivo se puede importar usando: @import "compass/css3/filter" en la parte superior del archivo sass.

Y luego en el archivo sass puedes usarlo como

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

Answer 2

Necesitas importar el filtro de brújula primero.

Para usar múltiples filtros pon todos los filtros internos () sin comas

@import ''compass/css3/filter''

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

Answer 3

Ejemplo de SASS

@import ''compass/css3/filter''

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