# CSS Grayscale Filter Not Being Included

**URL:** https://discourse.roots.io/t/css-grayscale-filter-not-being-included/10640
**Category:** sage
**Tags:** sage8, gulp
**Created:** 2017-10-11T22:01:31Z
**Posts:** 4
**Showing post:** 3 of 4

## Post 3 by @djmtype — 2017-10-11T22:17:57Z

Looks like it might be a Sass issue.

I used a mixin instead, which worked. Note: the vendor prefixes will have to be added as autoprefixer won’t touch it.

```
@mixin filter($filter-type,$filter-amount) {
  -webkit-filter: $filter-type+unquote('(#{$filter-amount})');
  -moz-filter: $filter-type+unquote('(#{$filter-amount})');
  -ms-filter: $filter-type+unquote('(#{$filter-amount})');
  -o-filter: $filter-type+unquote('(#{$filter-amount})');
  filter: $filter-type+unquote('(#{$filter-amount})');
}

img {
@include filter(grayscale, 100%);
}
```

---

_[View the full topic](https://discourse.roots.io/t/css-grayscale-filter-not-being-included/10640)._