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

Change-Id: I548fdd3b0295db980bc4d769826e7c149ec0b3b3

1 files changed, 21 insertions, 21 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss
index c837688387..2e612e2e21 100644
--- a/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss
@@ -1,12 +1,12 @@
-@mixin reindeer-splitpanel($name : v-splitpanel) {
+@mixin reindeer-splitpanel($primaryStyleName : v-splitpanel) {
 
-.#{$name}-hsplitter,
-.#{$name}-hsplitter-locked {
+.#{$primaryStyleName}-hsplitter,
+.#{$primaryStyleName}-hsplitter-locked {
 	width: 7px;
 	background-repeat: repeat-y;
 	background-image: url(img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */
 }
-.#{$name}-hsplitter div {
+.#{$primaryStyleName}-hsplitter div {
 	width: 7px;
 	height: 100%; /* for Opera */
 	background: transparent;
@@ -14,13 +14,13 @@
 	background-position: 50%;
 	background-image: url(img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: center */
 }
-.#{$name}-vsplitter,
-.#{$name}-vsplitter-locked {
+.#{$primaryStyleName}-vsplitter,
+.#{$primaryStyleName}-vsplitter-locked {
 	height: 7px;
 	background-repeat: repeat-x;
 	background-image: url(img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
 }
-.#{$name}-vsplitter div {
+.#{$primaryStyleName}-vsplitter div {
 	height: 7px;
 	background: transparent;
 	background-repeat: no-repeat;
@@ -30,38 +30,38 @@
 
 
 /* Splitpanels on blue background */
-.blue .#{$name}-hsplitter-small,
-.blue .#{$name}-hsplitter-small-locked {
+.blue .#{$primaryStyleName}-hsplitter-small,
+.blue .#{$primaryStyleName}-hsplitter-small-locked {
 	background: #7c8a91;
 }
 
 /* Splitpanels on black background */
-.black .#{$name}-hsplitter-small,
-.black .#{$name}-hsplitter-small-locked {
+.black .#{$primaryStyleName}-hsplitter-small,
+.black .#{$primaryStyleName}-hsplitter-small-locked {
 	background: #4e5253;
 }
 
 /* Small style */
-.#{$name}-hsplitter-small,
-.#{$name}-hsplitter-small-locked,
-.white .#{$name}-hsplitter-small,
-.white .#{$name}-hsplitter-small-locked {
+.#{$primaryStyleName}-hsplitter-small,
+.#{$primaryStyleName}-hsplitter-small-locked,
+.white .#{$primaryStyleName}-hsplitter-small,
+.white .#{$primaryStyleName}-hsplitter-small-locked {
 	width: 1px;
 	background: #949698;
 }
-.#{$name}-vsplitter-small,
-.#{$name}-vsplitter-small-locked,
-.white .#{$name}-vsplitter-small,
-.white .#{$name}-vsplitter-small-locked {
+.#{$primaryStyleName}-vsplitter-small,
+.#{$primaryStyleName}-vsplitter-small-locked,
+.white .#{$primaryStyleName}-vsplitter-small,
+.white .#{$primaryStyleName}-vsplitter-small-locked {
 	height: 1px;
 	background: #949698;
 }
-.#{$name}-hsplitter-small div {
+.#{$primaryStyleName}-hsplitter-small div {
 	width: 5px;
 	margin-left: -2px;
 	background: transparent;
 }
-.#{$name}-vsplitter-small div {
+.#{$primaryStyleName}-vsplitter-small div {
 	height: 5px;
 	margin-top: -2px;
 	background: transparent;