Fails on css filters

[fergusb]

Something like...

body.negative header p {
 -webkit-filter: invert(100%);
 -moz-filter: invert(100%);
 -ms-filter: invert(100%);
 filter: invert(100%);
}

will result in a total parse error.

[fergusb]

Filter failure is general to sass/scss.
Here's a mixin workaround:

@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})');
}

h/t GeneLocklin: https://gist.github.com/GeneLocklin/2957278

[eevee]

Hmm. Not a parse error; problem is that invert specifically is a builtin Sass function that expects a color.

[eevee]

Fixed in 1.3.5.