Problem with calc() in scss

Flow
1

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())?

2

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.

3

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