Q
Version: 1.0.1
Source on Github

Compass Filter

The filter mixin is used to apply filters to images.

This file can be imported using: @import "compass/css3/filter"

Imports

  1. Browser Support – Provides configuration options for the Compass Browser Support Matrix.

Configurable Variables help

$graceful-usage-threshold

The prefixed support threshold for css filter effects. Defaults to the $graceful-usage-threshold.

Mixins

view source

?
1
2
=filter($filters)
  +prefixed-properties(css-filters, $filter-support-threshold, (filter: $filters))
?
1
2
3
@mixin filter($filters) {
  @include prefixed-properties(css-filters, $filter-support-threshold, (filter: $filters));
}

Provides cross-browser support for the upcoming (?) css3 filter property.

The filter argument should adhere to the standard css3 syntax for the filter property.

view source

?
1
2
=filter-margin-top($width)
  +apply-filter-margin(top, $width)
?
1
2
3
@mixin filter-margin-top($width) {
  @include apply-filter-margin(top, $width);
}

filter-margin-top

view source

?
1
2
=filter-margin-right($width)
  +apply-filter-margin(right, $width)
?
1
2
3
@mixin filter-margin-right($width) {
  @include apply-filter-margin(right, $width);
}

filter-margin-right

view source

?
1
2
=filter-margin-bottom($width)
  +apply-filter-margin(bottom, $width)
?
1
2
3
@mixin filter-margin-bottom($width) {
  @include apply-filter-margin(bottom, $width);
}

filter-margin-bottom

view source

?
1
2
=filter-margin-left($width)
  +apply-filter-margin(left, $width)
?
1
2
3
@mixin filter-margin-left($width) {
  @include apply-filter-margin(left, $width);
}

filter-margin-left

view source

?
1
2
=filter-margin($widths)
  +prefixed-properties(css-filters, $filter-support-threshold, (filter-margin: $widths))
?
1
2
3
@mixin filter-margin($widths) {
  @include prefixed-properties(css-filters, $filter-support-threshold, (filter-margin: $widths));
}

filter-margin

view source

?
1
2
=color-interpolation-filters($value)
  +prefixed-properties(css-filters, $filter-support-threshold, (color-interpolation-filters: $value))
?
1
2
3
@mixin color-interpolation-filters($value) {
  @include prefixed-properties(css-filters, $filter-support-threshold, (color-interpolation-filters: $value));
}

color-interpolation-filters (auto | sRGB | linearRGB )