web-dev-qa-db-ja.com

コンパスフィルターミックスインの使い方は？

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

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

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

Undefined mixin 'filter'.

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

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

csscompass-sassmixins
17
Caio Tarifa

SASSの例

@import 'compass/css3/filter'

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

最初にコンパスフィルターをインポートする必要があります。

複数のフィルターを使用するには、すべてをコンマなしでfilter（）内に配置します

@import 'compass/css3/filter'

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

コンパスのドキュメント によると、このファイルは次を使用してインポートできます：@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)
1
Aleksey Anatskiy