Problem with calc() in scss

Hello everybody
I have this problem while rendering a page containing a label with the following scss style:


left: calc(50% - 200px);
top: calc(50% - 38px);

When I run the page, I get the following exception:

com.vaadin.sass.internal.expression.exception.IncompatibleUnitsException: Incompatible units found in: '50%'

It is strange because the page shows up properly and the calc() is processed in the correct way.
Does anyone know why? Doesn’t Vaadin fully support scss (which supports calc())?

Hey Luca,

Yeah, I’ve had the exact same problems in the past, but calc is definitely supported (at least in the latest version). Try updating your Vaadin SASS compiler.

Hi Joacim, I’ll give it a try, thank you!