Как использовать фильтр Compass filterin?

Я пытаюсь использовать фильтр mixin таким образом в SCSS:

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

Но когда я скомпилирую, я получил эту ошибку:

Undefined mixin 'filter'.

Я использую последнюю версию этого Gem с фреймворком Rails.

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

Ответы

Ответ 1

Пример SASS

@import 'compass/css3/filter'

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

Ответ 2

Сначала вам нужно импортировать фильтр компаса.

Чтобы использовать несколько фильтров, поместите весь внутренний фильтр() без запятых

@import 'compass/css3/filter'

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

Ответ 3

В соответствии с Документация 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)