buildScssThemes failed on CSS filter attribute

Support
#1

Hello,

I try to use the blur filter within my theme extension as follows:

.c-imagebox {
   cursor: pointer;
   padding: 2px;
   border: 1px solid white;
   background: lightgrey;
   filter: blur(1.5rem);
}

But I get from the css parse an exception:

Error when parsing file 
VAADIN/themes/halo/com.mc.iauction/halo-ext.scss on line 252, column 13
org.w3c.css.sac.CSSParseException: encountered "1.5rem". Was expecting one of: "=" "," ";" "." ")"      
"and" "or" "not" ":" "#{" "to" "through" "in" "from" <STRING> <NUMBER> <IDENT> 
<NOT_FUNCTION> <FUNCTION> 
at com.vaadin.sass.internal.parser.Parser.reportError(Parser.java:418)
#2

Hi,

Unfortunately, Vaadin SCSS compiler that is used to build themes doesn’t support modern CSS functions.

Regards,
Gleb

#3

Hello,

I implemented a workaround with

 htmlAttributes.applyCss(component, "filter: blur(3px)");

This works as expected.

Best Regards
Michael