Change sass compoent @mixin parameter from $name to $primaryStyleName, fixes #10294

Change-Id: I548fdd3b0295db980bc4d769826e7c149ec0b3b3

1 files changed, 14 insertions, 14 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/tree/tree.scss b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
index da3b46dc65..15e7092dd6 100644
--- a/WebContent/VAADIN/themes/reindeer/tree/tree.scss
+++ b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
@@ -1,20 +1,20 @@
-@mixin reindeer-tree($name : v-tree) {
+@mixin reindeer-tree($primaryStyleName : v-tree) {
 
-.#{$name}-node {
+.#{$primaryStyleName}-node {
 	background: transparent url(img/arrows.png) no-repeat 6px -10px;
 }
-.#{$name}-node-expanded {
+.#{$primaryStyleName}-node-expanded {
 	background-position: -7px 5px;
 }
-.#{$name}-node-caption {
+.#{$primaryStyleName}-node-caption {
 	margin-left: 16px;
 	padding-bottom: 1px;
 }
-.#{$name}-node span {
+.#{$primaryStyleName}-node span {
 	padding: 1px 2px;
 	display: inline-block;
 }
-.#{$name}-node-selected span {
+.#{$primaryStyleName}-node-selected span {
 	background: #4d749f repeat-x;
 	background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */
 	color: #fff;
@@ -24,31 +24,31 @@
 	text-shadow: #2b425a 0 1px 0;
 	display: inline-block;
 }
-.#{$name}-node-children {
+.#{$primaryStyleName}-node-children {
 	padding-left: 16px;
 }
-.#{$name}-node-caption.#{$name}-node-focused span{
+.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{
 	padding-left: 1px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 }
-.#{$name}-node-focused span{
+.#{$primaryStyleName}-node-focused span{
 	border: 1px dotted black;	
 }
 /***************************************
  * Drag'n'drop styles
  ***************************************/
-.#{$name} .#{$name}-node-drag-top {
+.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top {
 	background-position: 6px -11px;
 }
-.#{$name} .#{$name}-node-drag-top.#{$name}-node-expanded {
+.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded {
 	background-position: -7px 4px;
 }
-.#{$name}-connectors .#{$name}-node-drag-top,
-.#{$name}-connectors .#{$name}-node-expanded.#{$name}-node-drag-top {
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top,
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top {
 	background-position: 2px -53px;
 }
-.#{$name}-connectors .#{$name}-node-drag-top.#{$name}-node-leaf {
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf {
 	background-position: 2px 50%;
 }