I have updated vaadin and the eclipse version from 7.2.4 to 7.3.0.
Now I wanted to compile my working theme with the “compile theme” - button,
The amount of time has doubled, but the
style.css includes all variable names instead of their values
.
Am I doing something wrong?
Has something changed?
We had the same problems after updating from 7.2.2 to 7.3.0
There were no errors and the compiler created successfully a style.css but without replacing our global variables.
After a lot of trial and error we recognized, that our global variable definition was not working anymore.
We had a separate .scss file and defined our variables within a @mixin block. Then we included this mixin in the main.scss file.
This worked well up to 7.2.2 with sass-compiler version 0.9.5.
From version 0.9.6 this method is broken.
We had to delete the @mixin block around the variable definitions and the @include command in the main file.
Now it is working fine just with the normal @import command in the beginning of our main.scss file.
That sounds like it has been a bug in the previous version of the compiler with variables scoping. Variables declared inside mixins should not leak outside the mixin. So for global variables, those need to be declared in the root context, outside any mixin or function.
I just want to point to a bug while compiling my theme with Vaadin version 7.5.1.
Both compiling ways (on the fly when productionMode=false and manually when productionMode=true) generate bad css, causing broken style → My tables show only the first row. The buttons are moved. The generated style is not usable at all.
Setting back Vaadin version to 7.5.0 eliminates the problem.