SCSS Parsing Issue

Vaadin 6 / 7 / 8
1

I apologize for double posting this (one in another thread), but I need some assistance pretty quickly due to an upcoming demo of the app. I am trying to do a custom theme, but during the load of the site I receive a parsing error.

Here is what I have tried to get working (7 beta 10 in Eclipse JUNO)

.scss:


@import "../reindeer/reindeer.scss";
@import "./<theme>-link/<theme>-link.scss";

@mixin <theme>{
  /* Include all the styles from the reindeer theme */
  @include reindeer;
  @include <theme>-link;
}

-link.scss:

@mixin <theme>-link($primaryStyleName : v-link) {

.#{primaryStyleName} a:link span {
	color: #175A87;
	text-decoration: none;
}

.#{primaryStyleName} a:visited span {
	color: #175A87;
	text-decoration: none;
}

.#{primaryStyleName} a:hover span {
	color: #1E9BE0;
}

}

When I try to run, I get the following error:

Is there something that I am missing from running in Eclipse? I tried to follow the same deployment/configuration from the reindeer and other themes.

Any thoughts?

Thanks,
Evan

2

Change all

.#{primaryStyleName}

into

.#{$primaryStyleName}

and it will work

3

Silly typo followed by copy and paste!

thanks!