Styles.CSS not compiling after adding Fontawsome

Vaadin 6 / 7 / 8
1

I added the following import in my project :


"import com.kbdunn.vaadin.addons.fontawesome.FontAwesom
e;"

Then I :
“upDateButton=new Button(“Update”,FontAwesome.REFRESH);”

Then the following happened:

The items in
red “fa” and “100%”
are “Unexpected Tokens” WHY? this is code generated by the Vaadin valo theme??? Earlier it destroyed my entire project and i had to reconfigure my IDE. This sucks!

"
.mytheme {
@-webkit-keyframes

fa-
[color=#0000FF]
spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

[/color]
100%

{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
}"

2

That is not generated by Valo Theme. It is coming from the FontAwesome Label add-on /VAADIN/addons/font-awesome-label/font-awesome.scss. However, there is nothing wrong with that syntax. I’m using Vaadin version 7.7.3 and mvn vaadin:compile-theme compiles a proper styles.css file without any errors. What version of Vaadin you are using?

3

i have 7.7.0